In React können Sie die React-Redux-Bibliothek verwenden, um Redux zuzuordnen. React-Redux bietet eine gewisse Kapselung, die den Code wissenschaftlicher organisieren kann, sodass wir Redux im React-Code komfortabler verwenden können.
Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version. Diese Methode ist für alle Computermarken geeignet.
Redux selbst hat keine Verbindung zu React. Es handelt sich um ein allgemeines Javascript-App-Modul, das für die App-Statusverwaltung verwendet wird. Um Redux in einem React-Projekt zu verwenden, ist es besser, die React-Redux-Bibliothek zum Verbinden zu verwenden. Das bedeutet, dass diese beiden Bibliotheken ohne React-Redux keine gewisse Kapselung bieten wissenschaftliche Art der Codeorganisation, die es uns ermöglicht, Redux im React-Code komfortabler zu verwenden.
Wie arbeiten Redux und React zusammen?
react-redux stellt zwei grundlegende Freunde bereit: connect und Provider. Sie verbinden den Store mit der Komponente. Der Store ruft den entsprechenden Reduzierer auf Attribut der Aktion und Übergabe Nach Eingabe des Status und dieser Aktion verarbeitet der Reduzierer den Status und gibt ihn in den Speicher zurück. Connect überwacht die Änderungen im Speicher und ruft setState auf, um die Komponente zu aktualisieren , ändern sich auch die Requisiten der Komponente entsprechend.
Provider:
Provider ist eine Komponente, die Store als Requisiten akzeptiert und sie dann über den Kontext weitergibt.
connect:
connect(mapStateToProps, mapDispatchToProps, mergeProps, Optionen) ist eine Funktion, die vier Parameter akzeptiert und eine Funktion zurückgibt – wrapWithConnect, wrapWithConnect, die eine Komponente als Parameter wrapWithConnect (Komponente) akzeptiert, intern eine neue Komponentenverbindung (Containerkomponente) definiert und die Komponente verwendet als Unterkomponente von connect und dann zurückgegeben.
mapStateToProps(state.[ownPros]):
mapStateToProps akzeptiert zwei Parameter, den Status des Geschäfts und benutzerdefinierte Requisiten, und gibt ein neues Objekt zurück, das als Teil der Requisiten an die UI-Komponente übergeben wird. Wir können die Rückgabe eines Objekts basierend auf den von der Komponente benötigten Daten anpassen. Änderungen in ownProps lösen auch „mapStateToProps“ aus Der Store als Requisiten. Ein Teil davon wird an die UI-Komponente übergeben. Wenn diese Funktion zwei Parameter akzeptiert, bindet bindActionCreators die Aktion und den Versand und gibt ein Objekt zurück. Dieses Objekt wird zusammen mit ownProps als Teil von props an die UI-Komponente übergeben. Unabhängig davon, ob es sich bei „mapDispatchToProps“ um ein Objekt oder eine Funktion handelt, wird schließlich ein Objekt zurückgegeben Objekt: Wenn es sich um eine Funktion handelt, kann der Schlüsselwert dieses Objekts angepasst werden.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierlehre! !
Das obige ist der detaillierte Inhalt vonIn welcher Beziehung steht Redux zur Reaktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
