?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

簡言之，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);

以上是“React-Redux指的是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！