React.Children如何正确使用详解？

本文共计850个文字，预计阅读时间需要4分钟。

React.Children 是一个顶层API，用于处理 this.props.children 这个封闭的数据结构，提供了有用的工具。this.props 对象的属性与组件的属性一一对应，但有一个例外，那就是 this.props.children 属性。它表示组件树中子组件的内容。

React.Children是顶层API之一，为处理this.props.children这个封闭的数据结构提供了有用的工具。

this.props对象的属性与组件的属性一一对应，但是有一个例外，就是this.props.children属性。它表示组件的所有子节点。

1、React.Children.map

object React.Children.map(object children, function fn [, object context]) 使用方法： React.Children.map(this.props.children, function (child) { return <li>{child}</li>; }) 其他方法 this.props.children.forEach(function (child) { return <li>{child}</li> })

在每一个直接子级（包含在 children 参数中的）上调用 fn 函数，此函数中的 this 指向 上下文。