如果覺得還有點用，請您給我一個贊碾盟！您的贊是我堅持下去的動力
在vue中經(jīng)常使用的slot功能在react下其實非常容易實現(xiàn)
場景案例：
我們假設(shè)有個Panel組件沽翔，然后暴露一個名為slot的屬性用來表示插槽的名稱，Panel會將 input和button這2種slot放入不同的位置浇坐，以區(qū)分
在父組件使用的時候是這樣的
return (
<Panel>
<input slot="input"></input>
<button slot="button">i am button</button>
</Panel>
);
Panel組件的實現(xiàn)
將所有slot名稱為input的組件放入了div內(nèi)
將所有slot名稱為button的組件放入了section內(nèi)
function Panel(props){
return (
<div>
<div>
{props.children.map((item)=>{
return item.props.slot==='input'?item:null;
})}
</div>
<section>
{props.children.map((item)=>{
return item.props.slot==='button'?item:null;
})}
</section>
</div>
);
}
如果覺得還有點用睬捶，請您給我一個贊！您的贊是我堅持下去的動力
