技術標籤：propsreactreact

children屬性表示React元件標籤的子節點，當元件標籤中有位元組點的時候React的props就會自動生成children屬性
children屬性與props屬性一樣，值可以是文字、React元素、元件、函式等。

const App = (props) => {
  return (
    <div>
      <div style={{color:'red'}}>我是父元件</div>
      {props.children}
    </div>
  )
}

ReactDOM.
 
render(<App>hello</App>, document.querySelector('#root'))

const App = (props) => {
  return (
    <div>
      <div style={{color:'red'}}>我是父元件</div>
      {props.children}
    </div>
  )
}

class Hello extends React.Component {
    render() {
    console.log(this
 
.props);
        return (
            <div>
                <div>我是一個元件</div>
            </div>
        )
    }
}

ReactDOM.render(<App><Hello /></App>, document.querySelector('#root'))