在react上实现vue的插槽slot

假设我们定义一个react组件,想要在react组件中像vue那样传入插槽内容。因为,react中一切都是js,插槽可以通过props传递进来并渲染。那么,可以使用组件的props来传递:
function child(props){
return <div>{poops.slotA}</div>
}
使用组件的时候:
import child from 'path/to/child'

function slotDom = function(){return <span>我是插槽部分</span>}

function father(){
return (<div>
<child slotA={<slotDom />}>
</div>)
}

像上面这种方式,就实现了vue的slot插槽。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容