Cacher is the code snippet organizer for pro developers

Refer

class Father extends Component {
  render() {
    return (
      <div id="father">
        {props.children}
      </div>
    );
  }
}

class App extends Component {
  render() {
    return (
      <div>
        <Father>I'm children.</Father>
        {/*OR with child component*/}
        <Father><Child/></Father>
        {/*OR single component*/}
        <Father/>
      </div>
    );
  }
}