React.Children.map的用法

初学react,今天在看文档的过程中遇到了一个问题,代码是这样的:
在这里插入图片描述
刚开始我一直不理解这个map函数中,这个this.props.children为什么会放在这里 ,我记得map函数它就传参然后执行指定回调函数就行了 不懂为什么这个this.props.children和后面的回调函数中间还有个逗号。。。。。

我一直以为是我map函数这里有漏洞,然后搜了好多资料和博客发现不是map函数这里的问题,,是这个React.Children.map这个方法它的规定。。。

就先说一下有关React.Children和this.props:
1、React.Children是顶层API之一,它是react提供的一个工具方法

2、 this.props对象的属性与组件的属性一一对应,但是有一个例外,就是this.props.children属性。它表示组件的所有子节点
3、this.props.children 的值有三种可能:如果当前组件没有子节点,它就是 undefined ;如果有一个子节点,数据类型是 object ;如果有多个子节点,数据类型就是 array

React.Children.map的使用方法:

object React.Children.map(object children,function fn [, object context])

这就可以解释为什么上面代码中的map函数是那样写的啦,,,,

猜你喜欢

转载自blog.csdn.net/qq_45830543/article/details/109171174
今日推荐