React 传递一个组件数据

前言

前文介绍了 state 和 props 属性传递数据。那么如果在使用组件的时候，如何传递一个组件呢？
答案是使用嵌套。(这个在 vue 的概念中叫 插槽)

嵌套

<Test>
  <Test2 />
<Test/>

获取嵌套元素

在获取的时候，使用 props 上的 children 获取嵌套的 dom

function Test(props){
  return (
    <div>
      {props.children}
    </div>
  )
}