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

IT技术 javascript reactjs react-jsx
2021-05-05 11:37:30

我已经在其他几个组件中编写了这段代码,但似乎无法理解为什么这不起作用。

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

任何帮助将不胜感激!

1个回答

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

您应该在操作props使用React.ChildrenAPIchildren

另请参阅儿童props的类型


在此处输入图片说明