React插槽超清晰超简洁讲解

<Window display={this.state.display}>
//父组件在子组件中传入的三个div，
<div papa="title">title</div>
<div papa="content">content</div>
<div papa="foot">foot</div>
</Window>

//父组件在子组件中传入的三个div，这三个div会默认通过props传到子组件中

//子组件一定要使用this.props.children才能使用这三个div
{this.props.children}//这是一个数组 会直接把三个div直接显示在子组件中
{this.props.children[0]}//只是把这个children数组第一个元素放到子组件中
{this.props.children.filter(itme => itme.props.papa=="title")}//这是通过filter筛选出指定自定义属性的
名称来放入到子组件中