How to use props children in react?

How to create react children component?
We create a component as <Header /> this is self close so it’s have already render data but if we create a component as <Header> … </Header> then it needs to use inner content so this is a props.children type component. As below code example:

import React from 'react'

export default (props) =>
<div className={props.cls}>
    <div className="abc">
import Wrapper from '../../components/wrapper'

export default () =>
    <Wrapper cls="homeSection"><WelcomeContetn /></Wrapper>
    <Wrapper cls="sidebarSection">
      <div className="text-center">
 <div> Your dummy content</div>

No comments:

Note: Only a member of this blog may post a comment.

Copyright Reserved to Anything Learn. Powered by Blogger.