Heim > Web-Frontend > js-Tutorial > Was ist React Redux?

Was ist React Redux?

藏色散人
Freigeben: 2019-05-05 16:19:19
Original
5428 Leute haben es durchsucht

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.

Was ist React Redux?

Installieren

Verwenden Sie React-Redux in Ihrer React-App:

npm install --save react-redux
Nach dem Login kopieren

oder

yarn add react-redux
Nach dem Login kopieren

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

React-Redux stellt die -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
);
Nach dem Login kopieren

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);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage