問題タブ [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 投票する
1 に答える
39 参照

reactjs - Redux アクションを機能させることができません。いくつかのエラーがあり、見つけられません。アドバイスをお願いします

私は間違っていることを見つけることができませんが、action saveUserインポートされmapDispatchToProps、正しいものにリンクしているように見えactionますが、それでもこのエラーが発生します

ここに画像の説明を入力

(このコードの後に​​コードがありactionます)

mapDispatchToPropsがリンクされてaction saveUserおり、それをCTRL-クリックすると、VSCodeは次のようにアクションにジャンプします:だから
、なぜエラー「TypeError: saveUser is not a function」

ここに画像の説明を入力

ここでは、クラス LinkAccounts.jsx にmapDispatchToProps.

これは、ファイル user.actions.js のアクションです。

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

typescript - Reducer カスタム ディスパッチ タイプは割り当て可能ではありません。プロパティ 'dispatch' のタイプは互換性がありません

現在、単純なレデューサーとアクションタイプがあります。テストをセットアップしているときにstore、「カスタム」アクション タイプ宣言を参照して my が返されるというタイプ定義の問題が発生しています。エラーが表示されます:

'Store<CombinedState<{ global: GlobalStateShape; と入力します。}>、SetSelectedAccount >' はタイプ 'Store<any, AnyAction>' に割り当てられません。プロパティ 'dispatch' のタイプに互換性がありません

私はRedux Typescriptのドキュメントを正しくフォローしています。

SetSelectedAccountを呼び出したときに が返されるのはなぜcombineReducers()ですか? はのglobalReducer処理アクションですSetSelectedAccount

上記のエラーが発生する私のテストセットアップファイルでは:

src/reducer.ts

src/store.ts

global_reducer.ts:

アクション.ts


FWIW、2番目のアクションを追加すると、SetSelectedAccount上記の戻り値の型に変わりますGlobalActionTypesが、同じ結果と不一致に関するエラーメッセージが返されますdispatch

ありがとうございました!

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

javascript - ActionCreators と Action を Redux と混在させることはできますか?

私の経験は主に、アクションとリデューサーが定義されている React Hooks & Context に関するものです。その後、アクションは React コンポーネントにインポートされ、Dispatch 関数を介して呼び出されます。

新しいプロジェクトでは、React Hooks と Redux を使用する必要があります。ここでは Action Creators & Reducers を使用しています。私が作成した Action Creator の例を次に示します。

これはうまくいきます。

私の状況は次のとおりです。「空の」会社を作成するアクションが必要なので、アクション クリエーターを作成する必要はありません。したがって、次のようなアクションを作成しました。

Action Creator では、次のuseEffectように内部から呼び出していました。

アクションを使用すると、次のように、コンテキストを使用してアクションを呼び出す方法と同様のスタイルで呼び出すことができると考えました。

InitEmptyCompanyAction残念ながら、「値の位置から型 [1] を参照できません」というフロー エラーが発生 します。

私は何を間違っていますか、どうすればこれを修正できますか?

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

reactjs - redux-action のテスト

React-redux アクションを使用して、このファイルを Jest でテストするにはどうすればよいですか。

「redux-actions」ライブラリを使用している場合にアクションをテストする方法をインターネットで見つけることができませんでした