为什么用React.Children.map(props.children, () => )而不是props.children.map(() => )

不能保证props.children将是一个数组。

以此代码为例，

<Parent>
  <h1>Welcome.</h1>
</Parent>

 

如果我们尝试使用props.children.map它来映射孩子，父母内部会抛出错误，因为它props.children是一个对象而不是一个数组。

props.children如果有多个子元素（如此），则React只会生成一个数组

<Parent>
  <h1>Welcome.</h1>
  <h2>props.children will now be an array</h2>
</Parent>

 

这就是为什么你想要赞成，React.Children.map因为它的实现考虑到props.children可能是一个数组或一个对象。