为什么this.props.children.map不起作用？

Question

我已将此代码编写在其他几个组件中，但似乎无法理解为什么它不起作用。

{
    this.props.children.map(function(child) {
        return <li>{child}</li>
    })
}

非常感谢任何帮助！

Answer 1

this.props.children是一个不透明的数据结构。它可以是数组或单个元素。在您的情况下，this.props.children可能是单个元素，这就是.map()方法未定义的原因。

操纵children道具时应使用React.Children API。

另见Type of the Children props。