Oggetti di reazione.children non è array

Question

In base allo react docs, se un componente ha più figli, questo.proprio.children dovrebbe essere un array.

ho le seguenti componenti:

export class Two extends React.Component { 

    componentDidMount() { 
     console.log(Array.isArray(this.props.children)); // false 
    } 

    render() { 

     return(
      <div> 
       {this.props.children} 
      </div> 
     ); 
    } 

}; 

Quale passo i bambini al metodo render() di un altro componente:

<Two> 
    <Img src="/photos/tomato.jpg"/> 
    <Img src="/photos/tomato.jpg"/> 
</Two> 

Perché this.props.children non è un array? Ancora più importante, come posso averne uno?

Answer 1

Trovato una soluzione migliore a questo dopo alcuni scavi nel React.Children source. Sembra che sia stato aggiunto un metodo .toArray() in React 0.14, che sarà presto rilasciato.

Una volta che è fuori saremo in grado di fare semplicemente qualcosa di simile:

let children = React.Children.toArray(this.props.children);