React 插槽slot

学react有一有段时间了,最近开始用RN,试着写了几个组件,今天开RN官网有这样一个组件

之前想给父组件插入子组件,一直用props,最近正好想写个select下拉,但是考虑到option部分数量不固定,没法用props,但是看到上面这个组件,PIcker里可以所以插入Picker.Item,还有像atnd的CheckGroup也可以插入Checkbox,很好奇,一直不明白,查了三个多小时,才发现,react有个this.props.children,这个props,不同于普通的,他是父组件的所有子组件,所以,父组件可以任意插入插入子组件,然后当做普通props去渲染,bingo,问题解决了。

需要注意的是当子节点数量为0是this.props.children是undefined,一个的时候this.props.children是object,多个的时候是array。

像这样 我刚写了个组件

<JcsCheckBoxGp onChange={()=this._chg()}>
    <JcsOption label='jackie'/>
    <JcsOption label='bruce'/>
    <JcsOption label='bill/>
</JcsCheckBoxGp>

真是豁然开朗,还是基础不扎实,大家绕坑吧

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值