Tại sao this.props.children.map không hoạt động?

Question

Tôi đã viết mã này trong một số thành phần khác nhưng dường như không thể hiểu tại sao điều này không hoạt động.

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

Mọi trợ giúp sẽ được đánh giá cao!

Answer 1

this.props.children là cấu trúc dữ liệu mờ. Nó có thể là một mảng hoặc một phần tử đơn lẻ. Trong trường hợp của bạn, this.props.children có lẽ là một phần tử duy nhất, đó là lý do tại sao phương pháp .map() không được xác định.

Bạn nên sử dụng React.Children API khi thao tác chống đỡ children.

Xem thêm Type of the Children props.