React的this.props.children
2024-08-25 09:12:27
this.props用来获取组件从外部传入的属性,但是this.props.children比较特殊,它是由React给添加上的,表示组件的所有子节点。
this.props.children可以用来读取子节点,或者渲染子节点。
this.props.children所代表的子节点,不仅仅是指一个DOM节点,也包括子组件,它们是可以混合显示的,例如:
<Grid>
Here is a row:
<Row />
Here is another row:
<Row />
</Grid>
1. this.props.children的值类型
this.props.children的值有三种可能:
1. 当前组件没有子节点,为 undefined
2. 若只有一个子节点,类型为 Object
3. 若有多个子节点,类型为 Array
通常不直接处理this.props.children,而是用React.Children.map/forEach等API来操作,
该API进行了类型处理,保证不会出错。
React.children的详细用法,可以参考此处。
最新文章
- Beta阶段项目终审报告
- Unity3D 接完GVR SDk后如何插入自己的java代码
- [NHibernate]Parent/Child
- 常用的Javascript设计模式
- 网页设计之jQuery
- c/c++ 函数指针 指针函数 数组的引用 指针数组 数组指针
- centos6.4 无法进入图形界面的问题及解决
- [leetcode] Min Stack @ Python
- 【转】Paxos算法深入分析
- 01-Java基础知识:数据类型与变量、标识符、运算符、表达式
- zepto的clone方法于textarea和select的bug修复
- VIM配置自动提示功能
- Burp Suite Walkthrough(英文版)
- Jquery Ajax 调用 WebService
- 751D·PARK北京时尚设计广场_百度百科
- node.js解析微信消息推送xml格式加密的消息
- Android项目刮刮奖详解扩展篇——开源刮刮奖View的制作
- 2019.02.26 bzoj4311: 向量(线段树分治+凸包)
- python多线程相关知识点
- hdu 1.3.1 FatMouse&#39; Trade
热门文章
- Qt-QML-Repeater-导航条
- tpo-08 C2 A strategy for attracting customers
- 关于java中的“error: bad operand types for binary operator ”
- 树的层次遍历(Trees on the level,UVA 122)
- 爬虫1.1-基础知识+requests库
- linux NULL 的定义
- python 读取 log日志的编码问题
- Python3获取新浪微博内容乱码问题
- 五:ResourceManager High Availability RM 高可用
- Twaver的mono-desiner导出的json文件解析