問題タブ [redux-actions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
9903 参照

javascript - 反応還元のアクション作成者でプロミスを伴うディスパッチを返す

reduxによってディスパッチされるアクションのロジックとreactコンポーネントを分離するためのactionCreatorsがあります。/actions/authenticate.js

Here is my authenticate.jswhich is my actionCreators

次に、それを mysomeComponent.jsにインポートして、そのactionCreatorをインポートし、 bindActionCreatorsを使用してバインドします。

以下のようなもの:

次に、そのアクションをコンポーネントに接続します。Login.js

したがって、その actionCreator の関数をLogin.js

以下のようなもの:

しかし、私が望んでいるのは、この関数がredux アクションをディスパッチし、可能であればPromiseを返すことですか?

このようなもの:

私がしたいのは、サインインしようとしたときです。これらの非同期の redux thunk アクションをディスパッチし、promise を返します。解決されたかどうかにかかわらず、正しい画面にリダイレクトまたはナビゲートできます。

誰かが助けてくれれば感謝します。前もって感謝します。

0 投票する
1 に答える
264 参照

redux - redux-actions で createAction の代わりに createActions を使用する際の問題

createActionsを使用すると問題が発生します。 createActionsのみを使用するとすべてが機能しますが、 createActions を使用しようとすると、アプリにエラーが表示されます....

未処理の拒否 (TypeError): オブジェクト (...) は関数ではありません

ディスパッチ メソッドを持つすべての関数で、createAction でのみ機能します

0 投票する
1 に答える
90 参照

redux - 実際にアクションを実行しないのに、Redux アクションがアクションと呼ばれるのはなぜですか (IE ディスパッチ)

実際にデータに作用せず、代わりにペイロードを返すだけの Redux アクションがアクションと呼ばれるのはなぜですか?

アクションをディスパッチする以外に使用する方法はありますか? アクションが呼び出されたときにディスパッチしないのはなぜですか?

これは、複数のストアで使用するアプリの将来性を証明するための単なる方法ですか?

これにより、ディスパッチ呼び出しでアクションをラップするために、通常は完全にボイラープレート コードである mapDispatchToProps が必要になります。

多くの場合、アクションのオブジェクトを受け取り、mapDispatchToProps 関数を返すこの関数で要約できます。

Object.mapEntries の例。

編集

mapDispachToProps がほとんどボイラープレートであるという最後の質問は、アクションのオブジェクトを直接渡すことで回避でき、接続によってそれらがマップされます。