React也有类似于Vue一样的slot功能。
父组件中:
...somecode
render(){
return(
<ChildComponent
>
<p
>我是插槽
1</p
>
<p
>我是插槽
2</p
>
</ChildComponent
>
)
}
子组件中在props中的children属性中拿到父组件传递过来的ReactElement。
子组件：
...somecode
render(){
let { children
} = this.props
;
return(
<div
>
{children
.map((item
: any) => item
)}
</div
>
)
}
