Maison >interface Web >js tutoriel >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 033de7db1b23dc23756a29338cfed1b2, 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!