rwmQWg

index.html

<div id="root"></div>

rwmqwg.markdown

rwmQWg

A Pen by Shubhang on CodePen.

License.

script.babel

class ReactChildrenExample extends React.Component {
  constructor(props) {
    super(props)
    this.childrenPassedAsProps = this.props.children
  }
  render() {
    let childrenWithProps = React.Children.map(this.childrenPassedAsProps, child => React.cloneElement(child, {
      prefix: "ChildNode"
    }))
    
    return(
      <div>
        {childrenWithProps}
      </div>
    )
  }
}

 var ChildNode = props => 
      <p>{props.prefix + props.children}</p>
 
 var App = props => 
  props.list.map(num => <ChildNode></ChildNode>)
    
var root = document.getElementById('root')
ReactDOM.render(<App/>,root)

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script>