React に redux 用のミドルウェアはありますか?

React の Redux にはミドルウェアがあります。 redux データには非同期リクエストが必要であるため、redux で非同期リクエストを完了するにはミドルウェアが必要です。ミドルウェアは redux アプリケーションを拡張できます。コンポーネントがアクションをトリガーすると、そのアクションは最初にミドルウェアによって処理され、次にリデューサーに渡されます。

このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。

react には redux 用のミドルウェアがありますか

react には redux 用のミドルウェアがありますか

redux には非同期を必要とするデータが大量にあるためです。リクエストを処理するため、redux で非同期リクエストを完了するのに役立つミドルウェアが必要です。

ミドルウェアは実際には関数であり、ミドルウェアを使用すると redux アプリケーションを拡張できます。特にアクションを処理する機能に反映されており、コンポーネントがアクションをトリガーすると、アクションは最初にミドルウェアによって処理されます。ミドルウェアが処理されると、ミドルウェアはアクションをリデューサーに渡し、リデューサーがアクションの処理を継続できるようにします。

ミドルウェアを追加するための Redux ワークフロー

Redux で一般的に使用されるミドルウェア (redux-saga)

redux-saga は、Action Creator ファイルから非同期操作を抽出して別のファイルに配置できるため、redux-thunk よりも強力です。

redux-saga の使用方法は?

ダウンロード:

npm install redux-saga

redux-saga ミドルウェアの作成

import createSagaMiddleware from ' redux-saga '
const sagaMiddleware = createSagaMiddleware ( )

sagaミドルウェアの登録

createStore (reducer , applyMiddleware (sagaMiddleware) )

推奨される学習: 「react ビデオ チュートリアル 」

以上がReact に redux 用のミドルウェアはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。