Почему это не работает.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.