Was ist React Redux?

React-Redux ist die offizielle React-Bindungsbibliothek für Redux. Es ermöglicht Ihren React-Komponenten, Daten aus dem Redux-Store zu lesen und Aktionen an den Store zu senden, um die Daten zu aktualisieren.

Installieren

Verwenden Sie React-Redux in Ihrer React-App:

npm install --save react-redux

oder

yarn add react-redux

kurz Kurz gesagt React-Redux ist eine leichtgewichtige Kapselungsbibliothek mit nur zwei Kernmethoden: Provider und Connect.

React-Redux stellt die 033de7db1b23dc23756a29338cfed1b2-Komponente bereit, die Ihrer gesamten App den Zugriff auf Daten im Redux-Store ermöglicht:

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import store from "./store";
import App from "./App";
const rootElement = document.getElementById("root");
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  rootElement
);

React-Redux bietet eine Verbindungsmethode, die es Ihnen ermöglicht Komponenten und Geschäfte sind miteinander verbunden.

Normalerweise können Sie die Verbindungsmethode wie folgt aufrufen:

import { connect } from "react-redux";
import { increment, decrement, reset } from "./actionCreators";
// const Counter = ...
const mapStateToProps = (state /*, ownProps*/) => {
  return {
    counter: state.counter
  };
};
const mapDispatchToProps = { increment, decrement, reset };
export default connect(
  mapStateToProps,
  mapDispatchToProps
)(Counter);

Verwandte Empfehlungen: „Javascript-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist React Redux?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!