So warten Sie auf bestimmte Eigenschaftsänderungen im Redux-Speicher, nachdem eine Aktion ausgelöst wurde

Ich versuche derzeit zu konzipieren, wie das Versenden einer Aktion in einer Komponente basierend auf einer Datenänderung nach einem Versenden in einer anderen Komponente behandelt wird.

Nehmen Sie dieses Szenario:

dispatch(someAjax) -> Eigenschaft in Statusaktualisierungen.

Danach benötige ich eine weitere Komponente, die von derselben Eigenschaft abhängig ist, um zu wissen, dass sie aktualisiert wurde, und um eine Aktion basierend auf dem neuen Wert auszulösen.

value.on(change...Was ist der bevorzugte Weg, um mit dieser Art von Aktion "Kaskadierung" umzugehen, anstatt irgendeine Art von Lösung zu verwenden?

Es gibt zwei grundlegende Ansätze: entweder eine Middleware, die den Status nach Abschluss einer Aktion ändert, oder die Verwendung der Low-Level- store.subscribeAPI von Redux .

Die Redux-FAQ enthält eine Antwort, die dies abdeckt . Außerdem führe ich eine kategorisierte Liste von Redux-bezogenen Addons und Dienstprogrammen, die eine Gruppe vorhandener Abonnementbibliotheken für Geschäftsänderungen enthält , die verschiedene Ansätze zum Abhören von Datenänderungen implementieren.

Sie können Redux mapStateToPropsund connectmit React's componentDidUpdate(prevProps, prevState, snapshot)Hook verwenden.

Im Grunde könnte Ihr Code so aussehen:

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