react中的children使用方法
使用过vue
的小伙伴都知道vue
中有个slot
,也就是插槽,作用就是占位,那么再react中可以使用children来替代
父组件
render(){
return(
<div>
<Grid>
我将被传递到Grid组件中
</Grid>
</div>
)
}
子组件
export default class Grid extends React.Component {
render() {
return (
<div>{this.props.children}</div>
)
}
}
这样就能够够实现slot的功能了。
【版权所有,转载请注明原文链接】文章中有错误或者不妥的地方请指出!!!
我是一个要成为前端架构师的人呢。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步