問題タブ [redux-toolkit]

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 に答える
282 参照

redux - 非同期アクションにカスタム ミドルウェアを使用する方法

私のsearchSliceにあるものは次のとおりです。

コンポーネントでの使用方法は次のとおりです。

入力フィールドに入力するたびにエラーが発生します。これが私のログです:

テンプレートを使用create-react-appしてアプリケーションをブートストラップしました。redux

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

javascript - Redux Toolkit の CreateAsyncThunk の一般的な使用例は何ですか?

私が9歳のようにcreateAsyncThunkを何とどのように使用するかを誰かに説明してもらえますか? アクション文字列は何のためのものですか? ロジック/パスの理由で一時的に作成され、すぐに破棄されますか? アクション文字列で何ができますか / 人々は通常何に使用しますか? 私はドキュメントをずっと見つめていましたが、理解できません。

これは、他の誰かがコードを使用した方法です。誰かがこれを解読できれば、私はとても幸せです.

公式ドキュメント: https://redux-toolkit.js.org/api/createAsyncThunk

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

javascript - Redux-Toolkit の状態がストアから渡されませんでした。反応還元

Redux-Toolkit を使用して単純な React-Redux プロジェクトを変換しようとしています。configureStore を使用してストアを作成しましたが、ストアは初期状態を子コンポーネントに渡していないようです。

これは私の redux-toolkit (redux-index.js) js ファイルです

私のindex.js

App.js

そして最後に List.js

プログラムを実行しようとすると、次のエラーがスローされます。

0 投票する
0 に答える
798 参照

reactjs - Typescript Redux ツールキット axios ディスパッチ ログアウト アクション

このインターセプターをセットアップしました

反応ツールキットを使用したこのアクション

次に、私のindex.tsで

ストアは configureStore 反応ツールキットのインスタンスです

しかし、ディスパッチパラメーターにエラーがあります

タイプ '(dispatch: ThunkDispatch<{}, {}, AnyAction>) => void' の引数は、タイプ 'AnyAction | LocationChangeAction'. タイプ '(dispatch: ThunkDispatch<{}, {}, AnyAction>) => void' には、タイプ 'LocationChangeAction' の次のプロパティがありません: type, Payloadts(2345)

助けてくれませんか?

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

reactjs - formikを送信した後、同じonSubmitメソッドでredux状態の更新されたデータを取得する方法はありますか?

現在、現在のプロジェクトでReactRedux Toolkit、および Formik を使用しています。状況は、onSubmit メソッドのヘルプを使用して (useFormik() フックを使用して) フォーム データを送信しているときに発生します。onSubmit メソッドで Redux アクションを呼び出して (useDispatch() フックを使用)、useSlector フックを使用して状態データに直接アクセスしていますが、常に前の値を取得しています。サンプル コードを以下に示します。