Phản ứng đạo cụ.children không phải là mảng

Question

Theo react docs, nếu một thành phần có nhiều trẻ em, this.props.children phải là một mảng.

Tôi đã thành phần sau đây:

export class Two extends React.Component { 

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

    render() { 

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

}; 

nào tôi vượt qua con để trong phương pháp của thành phần khác render():

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

Tại sao this.props.children không phải là một mảng? Quan trọng hơn, làm thế nào tôi có thể làm cho nó trở thành một?

Answer 1

Tìm thấy giải pháp tốt hơn cho vấn đề này sau khi đào một số trong số React.Children source. Có vẻ như phương thức .toArray() đã được thêm vào trong React 0.14, sắp được phát hành.

Khi nó được ra khỏi chúng ta sẽ có thể chỉ cần làm một cái gì đó như thế này:

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