在react上實現(xiàn)vue的插槽slot

假設(shè)我們定義一個react組件,想要在react組件中像vue那樣傳入插槽內(nèi)容。因為,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>)
}

像上面這種方式,就實現(xiàn)了vue的slot插槽。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容