Perché non funziona this.props.children.map?

Question

Ho scritto questo codice in molti altri componenti ma non riesco a capire perché non funzioni.

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

Qualsiasi aiuto sarebbe molto apprezzato!

Answer 1

this.props.children è una struttura dati opaca. Può essere un array o un singolo elemento. Nel tuo caso, this.props.children è probabilmente un singolo elemento, motivo per cui il metodo .map() non è definito.

È necessario utilizzare React.Children API durante la manipolazione del puntello children.

Vedere anche Type of the Children props.