Cách lắng nghe các thay đổi thuộc tính cụ thể trong cửa hàng Redux sau khi thực hiện một hành động

Tôi hiện đang cố gắng khái niệm hóa cách xử lý việc gửi một hành động trong một thành phần dựa trên sự thay đổi dữ liệu sau một lần gửi trong một thành phần khác.

Hãy xem trường hợp này:

dispatch(someAjax) -> tài sản ở trạng thái cập nhật.

Sau đó, tôi cần một thành phần khác phụ thuộc vào cùng thuộc tính này để biết rằng nó đã được cập nhật và gửi một hành động dựa trên giá trị mới.

Thay vì sử dụng một số loại value.on(change...giải pháp, cách ưu tiên để xử lý loại hành động 'xếp tầng' này là gì?

Có hai cách tiếp cận cơ bản: một phần mềm trung gian thay đổi trạng thái sau khi một hành động được thực hiện hoặc sử dụng store.subscribeAPI cấp thấp của Redux .

Câu hỏi thường gặp về Redux có một câu trả lời bao gồm điều này . Ngoài ra, tôi giữ một danh sách được phân loại gồm các tiện ích và bổ trợ liên quan đến Redux, và bao gồm một nhóm các thư viện đăng ký thay đổi cửa hàng hiện có triển khai các phương pháp khác nhau để lắng nghe các thay đổi dữ liệu.

Bạn có thể sử dụng Redux's mapStateToPropsvà connectvới React's componentDidUpdate(prevProps, prevState, snapshot)hook.

Vì vậy, về cơ bản mã của bạn có thể trông như thế này:

const mapStateToProps = (state) => ({ 
   specificProperty: state.specificProperty,
   // any props you need else
});

class YourComponent extends React.Component {
    render() {
      // render your component  
    }

    componentDidUpdate(prevProps, prevState, snapshot) {
        if (prevProps.specificProperty !== this.props.specificProperty) {
            // Do whatever you want
        }
    }
}

YourComponent = connect(mapStateToProps)(YourComponent);