安装
在你的react app中使用react-redux:
npm install --save react-redux
或者
yarn add react-redux
简言之,react-redux是一个轻量级的封装库,核心方法只有两个:provider和connect。
react-redux 提供<provider/>组件,能够使你的整个app访问到redux store中的数据:
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提供一个connect方法能够让你把组件和store连接起来。
通常你可以以下面这种方式调用connect方法:
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);
相关推荐:《javascript教程》
以上就是react redux是什么?的详细内容。
