問題タブ [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.
reactjs - Redux アクションを機能させることができません。いくつかのエラーがあり、見つけられません。アドバイスをお願いします
私は間違っていることを見つけることができませんが、action
saveUser
インポートされmapDispatchToProps
、正しいものにリンクしているように見えaction
ますが、それでもこのエラーが発生します
(このコードの後にコードがありaction
ます)
mapDispatchToProps
がリンクされてaction
saveUser
おり、それをCTRL-クリックすると、VSCodeは次のようにアクションにジャンプします:だから
、なぜエラー「TypeError: saveUser is not a function」
ここでは、クラス LinkAccounts.jsx にmapDispatchToProps
.
これは、ファイル user.actions.js のアクションです。
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
ありがとうございました!
javascript - ActionCreators と Action を Redux と混在させることはできますか?
私の経験は主に、アクションとリデューサーが定義されている React Hooks & Context に関するものです。その後、アクションは React コンポーネントにインポートされ、Dispatch 関数を介して呼び出されます。
新しいプロジェクトでは、React Hooks と Redux を使用する必要があります。ここでは Action Creators & Reducers を使用しています。私が作成した Action Creator の例を次に示します。
これはうまくいきます。
私の状況は次のとおりです。「空の」会社を作成するアクションが必要なので、アクション クリエーターを作成する必要はありません。したがって、次のようなアクションを作成しました。
Action Creator では、次のuseEffect
ように内部から呼び出していました。
アクションを使用すると、次のように、コンテキストを使用してアクションを呼び出す方法と同様のスタイルで呼び出すことができると考えました。
InitEmptyCompanyAction
残念ながら、「値の位置から型 [1] を参照できません」というフロー エラーが発生 します。
私は何を間違っていますか、どうすればこれを修正できますか?
reactjs - redux-action のテスト
React-redux アクションを使用して、このファイルを Jest でテストするにはどうすればよいですか。
「redux-actions」ライブラリを使用している場合にアクションをテストする方法をインターネットで見つけることができませんでした