首頁 > web前端 > js教程 > react redux是什麼?

react redux是什麼?

藏色散人
發布: 2019-05-05 16:19:19
原創
5434 人瀏覽過

React-Redux是Redux的官方React綁定函式庫。它能夠使你的React元件從Redux store中讀取數據,並且向store分發actions以更新數據。

react redux是什麼?

安裝

在你的React app中使用React-Redux:

npm install --save react-redux
登入後複製

yarn add react-redux
登入後複製

簡言之,react-redux是一個輕量級的封裝庫,核心方法只有兩個:Provider和connect。

React-Redux 提供元件,能夠讓你的整個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是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板