ホームページ  >  記事  >  ウェブフロントエンド  >  反応リダックスとは何ですか?

反応リダックスとは何ですか?

藏色散人
藏色散人オリジナル
2019-04-29 15:58:235382ブラウズ

React-Redux は、Redux の公式 React バインディング ライブラリです。これにより、React コンポーネントが Redux ストアからデータを読み取り、アクションをストアにディスパッチしてデータを更新できるようになります。

反応リダックスとは何ですか?

インストール

React アプリで React-Redux を使用します:

npm install --save react-redux

または

yarn add react-redux

要するに、react-redux は、Provider と connect という 2 つのコア メソッドのみを備えた軽量のカプセル化ライブラリです。

React-Redux は、アプリ全体が Redux ストア内のデータにアクセスできるようにする 033de7db1b23dc23756a29338cfed1b2 コンポーネントを提供します:

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 メソッドは次の方法で呼び出すことができます:

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 チュートリアル "

以上が反応リダックスとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:WebSocketについて次の記事:WebSocketについて