react-组件props中children

children属性

---

表示该组件的子节点，只要组件内部有子节点，props中就有该属性

1. 普通文本
2. 普通标签元素
3. 函数 / 对象
4. JSX

const Son = ({ children }) => {
  console.log(children)
  const c0 = children[0]
  const c1 = children[1]
  const c2 = children[2]
  const c3 = children[3]
  return <>
    {c0}
    <hr />
    {c1}
    <hr />
    {c2()}
    <hr />
    {c3}
  </>
}

function App () {
  const msg = "这是JSX返回"
  return <div className="App">
    <Son>
      这是文本
      <h1>这是标签</h1>
      {() => <p>这是函数返回值</p>}
      <div><h2>{msg}</h2></div>
    </Son>
  </div>
}

export default App