Як відстежувати конкретні зміни властивостей у магазині Redux після надсилання дії

Зараз я намагаюся зрозуміти, як обробляти диспетчеризацію дії в компоненті на основі зміни даних після відправлення в інший компонент.

Візьмімо цей сценарій:

dispatch(someAjax) -> властивість у державних оновленнях.

Після цього мені потрібен інший компонент, який залежить від цієї ж властивості, щоб знати, що оновлено, і відправити дію на основі нового значення.

Замість того, щоб використовувати якийсь тип value.on(change...рішення, який найкращий спосіб обробляти цей тип дій "каскадним"?

Існує два основних підходи: або проміжне програмне забезпечення, яке відрізняє стан після виконаної дії, або використання store.subscribeAPI низького рівня Redux .

Часті запитання щодо Redux містять відповідь, яка охоплює це . Крім того, я веду категоризований список доповнень та утиліт, пов’язаних із Redux, і включає групу існуючих бібліотек передплати на зміну магазину, які реалізують різні підходи до прослуховування змін даних.

Ви можете використовувати Redux mapStateToPropsі connectз componentDidUpdate(prevProps, prevState, snapshot)гачком React .

Отже, в основному ваш код може виглядати так:

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);