在react上实现vue的插槽slot

2021-06-25  本文已影响0人  阿凡农

假设我们定义一个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插槽。

上一篇下一篇

猜你喜欢

热点阅读