redux是一个JavaScript状态容器，主要提供状态管理。可以运行于服务端，客户端，原生应用。除了支持React外还支持其他的UI框架，体积小，只有2kb。当要与React一起使用的时候，可以使用react-redux插件来进一步提升我们的开发体验。
什么是react-redux？
React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据，并且向store分发actions以更新数据。
安装
在你的React app中使用React-Redux：
npm install --save react-redux
或者
yarn add 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连接起来。
通常你可以以下面来源gaodai#ma#com搞@代~码网这种方式调用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);
更多react的相关知识，请查阅 搞代码网 ！！
以上就是什么是react-redux？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：什么是react-redux？
转载请注明原文链接：什么是react-redux？
