問題タブ [redux-reducers]
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.
typescript - Typescriptを使用してReduxレデューサー関数内に徹底的なswitchステートメントを実装する方法は? Redux の内部 @@redux アクションを処理する方法
これを行う決定的な答えを見つけようとしましたが、まだ見つけていません。
switch
網羅的なステートメントを実装する方法に答える SO に関する質問があります。
TypeScriptでスイッチブロックが網羅的であることを確認するにはどうすればよいですか?
答えは次のとおりです。
パラメーターとして取りnever
、戻りnever
、何かで呼び出されたときにスローする関数を作成します。
そしてあなたのdefault
場合にそれを使用してください:
しかし、私はこのように内部で使用することはできませんreducer
. レデューサー アクションの網羅性をチェックする限りは機能しますが、実行時にスローされます。これは、Redux が次のような独自の内部アクションでそれを呼び出すためです。
switch
では、レデューサー内のステートメントの網羅性を処理する理想的な方法は何ですか?
reactjs - React/reduxのcombineReducersの問題
2 つのレデューサーを redux と組み合わせようとしています: インクリメント レデューサーとデクリメント レデューサー。
私のstore.jsファイルでは:
この行import reducer from "./reducers/increment";
では、ボタンのインクリメントが機能します。
この行import reducer from "./reducers/decrement";
では、ボタンのデクリメントが機能します。
この行import reducer from "./reducers/index";
では、カウンターは表示さえしません。
私のコードはhereです。
私は何を間違っていますか?
2 つのレデューサー状態のカウンター値が同じ場合はどうなるでしょうか。counter の値が変更された場合、どれが真実の情報源ですか?
ご協力ありがとうございました。
javascript - Redux: アクションに応じて Reducer の初期状態のさまざまな部分を変更する
私は次のリデューサーを持っています:
そして、次のアクション:
「startLoadingDishes」アクションは、特定のコンポーネントの componentDidLoad() 内で呼び出されます。ただし、次のように、追加情報が含まれるように、dishReducer の初期状態を変更したいと考えています。
そのため、[LOAD_DISHES の場合] レデューサーによって返される 'action.dishes' は、状態全体ではなく、状態の '値' 部分内に配置する必要があります。また、皿がすでに以前にロードされている場合は、状態の「ロード済み」部分を true に設定する必要があります。これはかなり単純なことだと理解していますが、私は React+Redux を初めて使用するので、(状態の不変性を維持しながら) Action/Reducer コードを適切に変更する方法がわかりません。どんな助けでも大歓迎です。
javascript - ActionCreators と Action を Redux と混在させることはできますか?
私の経験は主に、アクションとリデューサーが定義されている React Hooks & Context に関するものです。その後、アクションは React コンポーネントにインポートされ、Dispatch 関数を介して呼び出されます。
新しいプロジェクトでは、React Hooks と Redux を使用する必要があります。ここでは Action Creators & Reducers を使用しています。私が作成した Action Creator の例を次に示します。
これはうまくいきます。
私の状況は次のとおりです。「空の」会社を作成するアクションが必要なので、アクション クリエーターを作成する必要はありません。したがって、次のようなアクションを作成しました。
Action Creator では、次のuseEffect
ように内部から呼び出していました。
アクションを使用すると、次のように、コンテキストを使用してアクションを呼び出す方法と同様のスタイルで呼び出すことができると考えました。
InitEmptyCompanyAction
残念ながら、「値の位置から型 [1] を参照できません」というフロー エラーが発生 します。
私は何を間違っていますか、どうすればこれを修正できますか?