問題タブ [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.

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

javascript - React redux - 状態でプッシュされたオブジェクトはマップされていませんが、initialState は

動画に関するメモを保存できるアプリを開発中です。具体的ではないことを申し訳ありませんが、問題がどこにあるのかわかりません。「ADD_ITEM」アクションを使用するたびに、devtools ですべて正常に動作しますが、値が状態にあることがわかりますが、それらはマップされておらず、状態の初期値のみがマップされています。

これは本当に奇妙に聞こえます。アプリにコンテンツを追加するために Formik を使用しているので、問題は私のフォームにあるのでしょうか? 問題がどのように見えるかのビデオは次のとおりです。

https://user-images.githubusercontent.com/69200598/113505397-d9d41d00-953e-11eb-8e39-ccc60b4ce2cd.mp4

ちなみに、このビデオで私を理解しようとしないでください。私はポーランド人です :)

実際にマップされている私の初期状態は次のとおりです。

これが私のレデューサーです:

アクション作成者:

(addItem は mapDispatchToProps の addItemAction としてインポートされます) mapDispatchToProps

そして、送信時にすべてが状態にプッシュされるformikの場所:

<Formik initialValues={{ title: '', link: '', content: '', created: '' }} onSubmit={(values) => { addItem(values); handleClose(); }} >