React/Mobx - thành phần đang hiển thị lại, nhưng componentWillReceiveProps() không được gọi là

Question

Tôi có ứng dụng React/Mobx. Khi tôi thực hiện thay đổi trong cửa hàng, thành phần đang cập nhật (tái kết xuất), nhưng tôi cần thực hiện một số so sánh để thêm một số chức năng khác, vì vậy tôi muốn sử dụng componentWillReceiveProps (nextProps) và so sánh nextProps với this.props. Bằng cách nào đó nó không được gọi. Bất kỳ ý tưởng, những gì tôi đang làm sai, hoặc những gì khác tôi có thể làm, để có được điều đó?

Answer 1

tl; dr: sử dụng componentWillUpdate và componentDidUpdate

---

Đối tượng cửa hàng thông qua như là một chỗ dựa không bao giờ thay đổi, ngay cả khi có thay đổi nội dung của nó. Bí quyết sử dụng @observable là nó sẽ kích hoạt cập nhật trong thành phần mà không thay đổi các đạo cụ. Vì vậy, sử dụng các chức năng vòng đời như shouldComponentUpdate, componentWillReceiveProps và componentDidReceiveProps sẽ không hoạt động vì chúng được kích hoạt khi thay đổi của đạo cụ hoặc trạng thái của thành phần. Tài liệu mobx giải thích rõ trong phần shouldComponentUpdate.

Vì vậy, để nắm bắt cập nhật trong một quan sát, chúng ta phải đi sâu hơn một chút trong ngăn xếp vòng đời và sử dụng componentWillUpdate và componentDidUpdate.