[解決済み] redux-thunkとredux-promiseの違いは何ですか?
2023-01-11 19:08:17
質問
私が知っている限りでは、間違っていたら訂正してください。 redux-thunk は非同期関数とデバッグ値をアクション自体にディスパッチするのを助けるミドルウェアで、私が を使用した場合は、"redux-promise を使ったときは、Actionがプレーンなオブジェクトだけをディスパッチする例外を投げるので、自分で仕組みを実装しないと非同期関数を作れませんでした。
この2つのパッケージの大きな違いは何でしょうか?単一ページのreactアプリで両方のパッケージを使用する利点はありますか、それともredux-thunkに固執することで十分ですか?
どのように解決するのですか?
redux-thunk
を使用すると、アクションの作成者が関数を返すことができます。
function myAction(payload){
return function(dispatch){
// use dispatch as you please
}
}
redux-promise
は、プロミスを返すことができるようにします。
function myAction(payload){
return new Promise(function(resolve, reject){
resolve(someData); // redux-promise will dispatch someData
});
}
両ライブラリは、非同期または条件付きでアクションをディスパッチする必要がある場合に便利です。
redux-thunk
を使えば、1つのアクションクリエイターで何度もディスパッチすることができます。どちらを選ぶか、あるいは両方を選ぶかは、完全にあなたのニーズやスタイルに依存します。
関連
-
[解決済み] バベルエラーです。JSX値は、式または引用されたJSXテキストのいずれかである必要があります。
-
[解決済み] Webpack + Babelです。プリセット "es2015 "がディレクトリに相対して見つからなかった
-
[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?
-
[解決済み] axios-mock-adapter onGet mock data not effective.
-
[解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避する方法は?
-
[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] Reduxの非同期フローになぜミドルウェアが必要なのか?
-
[解決済み] Reactのstateとpropsの違いとは?
-
[解決済み] ES6 ジェネレータで redux-saga を使用する利点/欠点と ES2017 async/await で redux-thunk を使用する利点/欠点
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] エラー: 未定義のプロパティ 'map' を読み取ることができません。
-
[解決済み】無効な設定オブジェクトです。APIスキーマと一致しない設定オブジェクトを使用してWebpackが初期化されました。
-
[解決済み] reactでonloadを使うには?
-
[解決済み] error 'document' is not defined : eslint / React
-
[解決済み] Next.jsでWebSocketを利用する
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] reactstrapのドロップダウンで選択されたアイテムを設定する方法は?
-
React はエラー TypeError を報告します。未定義のプロパティ 'XX' を読み取ることができない、問題は解決されました。
-
[解決済み] Cross-envでyarnの実行時にenv変数が変更されない。
-
[解決済み] Reactプロジェクトに.envファイルを追加する