react redux是什么?

互联网 19-4-29
React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据。

安装

在你的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是什么?的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: react redux
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:关于WebSocket的那些事儿

相关资讯