React插槽超清晰超简洁讲解_React

上一篇: React.js 小书 Lesson23 - dange... 下一篇:搭react-native环境

React插槽超清晰超简洁讲解

发布时间：2019-06-08 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了React插槽超清晰超简洁讲解，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。


      
      
      PE="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="
//父组件在子组件中传入的三个div，
tITle
content
foot

" title="" data-original-title="复制">
      
      
<Window display={this.state.display}>
//父组件在子组件中传入的三个div，
<div papa="title">title</div>
<div papa="content">content</div>
<div papa="foot">foot</div>
</Window>

//父组件在子组件中传入的三个div，这三个div会默认通过PRops传到子组件中


      
      
      =="title")}//这是通过filter筛选出指定自定义属性的
名称来放入到子组件中

" title="" data-original-title="复制">
      
      
//子组件一定要使用this.props.children才能使用这三个div
{this.props.children}//这是一个数组 会直接把三个div直接显示在子组件中
{this.props.children[0]}//只是把这个children数组第一个元素放到子组件中
{this.props.children.filter(itme => itme.props.papa=="title")}//这是通过filter筛选出指定自定义属性的
名称来放入到子组件中