React的this.props.children

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的详细用法，可以参考此处。

转载于:https://www.cnblogs.com/mengff/p/9642637.html