Dlaczego ten plik.props.children.map nie działa?

Question

Napisałem ten kod w kilku innych komponentach, ale nie mogę zrozumieć, dlaczego to nie działa.

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

Każda pomoc zostanie bardzo doceniona!

Answer 1

this.props.children to nieprzejrzysta struktura danych. Może to być tablica lub pojedynczy element. W twoim przypadku this.props.children jest prawdopodobnie pojedynczym elementem, dlatego metoda .map() jest niezdefiniowana.

Powinieneś używać React.Children API podczas manipulowania podpórką children.

Zobacz także Type of the Children props.