Phản ứng: đang truy cập trạng thái của trẻ em chống mẫu?

Question

Tôi đã có một thành phần cần đọc một biến trạng thái thuộc về con của nó tại một số điểm.
Biến trạng thái cụ thể này có nên được chuyển sang phụ huynh và được thay đổi qua gọi lại không?

Như tôi đã nhìn thấy nó, và một số trong số này là có khả năng sai, đây là những ưu và nhược điểm của việc di chuyển nhà nước để phụ huynh:

Pro: Điều này dường như tuân thủ hơn để các luồng dữ liệu theo một hướng thần chú phản ứng.

Con: Các trẻ khác của cha mẹ sẽ được hiển thị lại về thay đổi trạng thái (không phải trong DOM thực, nhưng nó vẫn có tác động hiệu suất).

Phương pháp hay nhất ở đây là gì?

Answer 1

Thực hành tốt nhất cho các luồng dữ liệu là:

• Từ mẹ sang con: qua đạo cụ
• Từ đứa trẻ để cha mẹ: qua xử lý
• Từ thành phần không liên quan đến nhau: qua xe buýt nhắn

ví dụ

<Child onEvent={this.handleEvent}> 

Phụ huynh có:

handleEvent: function(dataFromChild) { 

} 

Answer 2

Như Petka ghi chú khác, nhà nước nên sống trên đỉnh.
Thinking in React giải thích rõ điều này.

Các trẻ khác của cha mẹ sẽ được hiển thị lại về thay đổi trạng thái (không phải trong DOM thực, nhưng nó vẫn có tác động hiệu suất).

Bạn không thể nhận thấy điều này trừ khi bạn làm điều này ở 60 khung hình/giây.
Và nếu bạn làm thế, React đã bao phủ bạn với tùy chọn shouldComponentUpdate (và PureRenderMixin).