javascript - child Prop 是数组吗？

Question

我是 React 新手，只是一个关于 child Prop 的问题。我看到一些代码使用 React.Children将子组件操作为:

 {React.Children.map(this.props.children, ...)}

但是如果 children Prop 本身是一个数组(它应该基于它的名字“Children”)，那么我们可以这样做:

this.props.children.map(...);

是不是这种方法更直接，应该是要走的路？那么为什么我们仍然需要 React.Children.XXX API？

Answer 1

children是一个“不透明”的数据结构。

例如，对于空的 child ，children.map将返回一个空数组，React.Children.map将返回 null或 undefined .它还具有其他功能，例如 only如果有多个 child ，这将引发错误。

您可以使用 React.Children.toArray 获取数组.

所以虽然children.map通常是您所需要的，它与数组不同。

https://reactjs.org/docs/react-api.html#reactchildren