时间:2021-07-01 10:21:17 帮助过:16人阅读
安装
在你的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是什么?的详细内容,更多请关注Gxl网其它相关文章!