Children

一、认识

---

React.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。

二、语法

---

三、方法

---

3.1 Children.map()

Children.map 在 children 里的每个直接子节点上调用一个函数，并将 this 设置为 thisArg。如果 children 是一个数组，它将被遍历并为数组中的每个子节点调用该函数。如果子节点为 null 或是 undefined，则此方法将返回 null 或是 undefined，而不会返回数组。

语法

React.Children.map(children, function[(thisArg)])

3.2 Children.forEach()

语法

React.Children.forEach(children, function[(thisArg)])

3.3 Children.count()

Children.count 返回 children 中的组件总数量，等同于通过 map 或 forEach 调用回调函数的次数。

React.Children.count(children)

3.4 Children.only()

Children.only 验证 children 是否只有一个子节点（一个 React 元素），如果有则返回它，否则此方法会抛出错误。

语法

React.Children.only(children)

3.5 Children.toArray

Children.toArray() 将 children 这个复杂的数据结构以数组的方式扁平展开并返回，并为每个子节点分配一个 key。当你想要在渲染函数中操作子节点的集合时，它会非常实用，特别是当你想要在向下传递 this.props.children 之前对内容重新排序或获取子集时。

语法

React.Children.toArray(children)