問題タブ [redux-reducers]

私はコンポーネントを持っています

APIを呼び出してデータを返すレデューサーがあり、使用しました

私はデータを取得しており、表示されています

私の理解によると、別のクリック機能で、mediaJsonという名前の状態へのそのような設定

mediaContent をコンソールしようとしましたが、これは未定義になっています

Redux におけるレデューサーの 1 つのルールは、状態を読み取り専用として扱い、新しいオブジェクトを新しい状態として返すことです。

しかし、灰色の領域が 1 つあります。厳密に新しいオブジェクトを状態として返さなければならないのでしょうか、それとも同じ状態オブジェクトを返すことができるのでしょうか?

次のような一般的なコードを見るとわかります。

action.typeが不明な場合は、同じ状態オブジェクトが返されます。したがって、レデューサーは新しい状態オブジェクトを厳密に返す必要はありませんが、同じものを返すことができるという規則があります。しかし、厳密なルールは、状態が読み取り専用でなければならないということですか?

私は3つの形式のレデューサーを見てきました:

それらはすべて同じですか？Form 1 と Form 2 の違いは、Form 1 は何も見ても気にせずすぐに初期状態に戻ることaction.typeです。

また、フォーム 2 とフォーム 3 は、デフォルトのパラメーター値を使用してまったく同じであると思います。

主張は、公式のドキュメントや仕様によって立証できますか? つまり、レデューサーが初めて呼び出されたときはaction.type意味がありません。

Redux で配列にオブジェクトを追加すると、何らかの理由で最初のレコードの追加が機能しませんでした。

次のエラーが表示されます。

このコードで：

このアプローチが機能するはずだったのに、なぜ機能しなかったのかを理解したいと思います。

追加する方法は次のとおりです（エラーのない最初のレコード-後続のすべての追加は最初のコードで正常に機能しました）

修正は機能しますが、最初のアプローチでどこが間違っていたのかを知りたいです。

ここに私の減速機全体があります：