ホームページ > 記事 > ウェブフロントエンド > 反応リダックスとは何ですか?
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 サイトの他の関連記事を参照してください。