Qu'est-ce que React Redux ?

React-Redux est la bibliothèque de liaison officielle React pour Redux. Il permet à vos composants React de lire les données du magasin Redux et d'envoyer des actions au magasin pour mettre à jour les données.

Installer

Utiliser React-Redux dans votre application React :

npm install --save react-redux

ou

yarn add react-redux

En bref En bref , React-redux est une bibliothèque d'encapsulation légère avec seulement deux méthodes principales : Provider et Connect.

React-Redux fournit le composant , qui permet à l'ensemble de votre application d'accéder aux données dans le magasin Redux :

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 fournit une méthode de connexion qui vous permet de Les composants et les magasins sont connectés.

Habituellement, vous pouvez appeler la méthode connect de la manière suivante :

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

Recommandations associées : "tutoriel javascript"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!