私のアレイが私のReducerで突然変異している理由を理解できません

Question

私はReactで常にあなたの状態を不変に保ちたいと思います。

多分私の状態と不変性の私のログインにいくつかの欠陥があります。私が間違っている場合は私を修正しますが、州のオブジェクトの中核は減速家の権利で管理されますか？例えば、stateのusersをリストにしたいのであれば、それを配列に整形したいと思うでしょう。

したがって、inititalState = []と設定しました。ここで私は私が困惑していると信じています。私はこれを正しく理解しているのか、私は考えていないのか分かりません。

以前私がやっていた、

case GET_USERS: 
    return [...state, 
    Object.assign({}, action.payload) 
    ]; 

しかし、私はそれが私が変異していたオブジェクトまたはキーではありません考慮return [...state, ...action.payload];にそれを変更することをお勧めしました。今私は、return [...state, ...action.payload];がを置き換えて、action.payload,であると仮定しますが、すべてではありません。

私がしようとするユーザーをフィルタするたびに...それは単に変異しとはthis.props.usersにユーザーオブジェクトをプッシュし、私はReduxのドキュメントを追跡するために私の最善をしようとしていますので、どのようにについて混乱しています。

Answer 1

これは、...stateにusersのリストがあるために発生します。次回の呼び出しでは、新しいユーザーをstateに追加するだけです。 Intead、あなたは​​を返すべきです。

以下を試してください。

case GET_USERS: 
    return [...action.payload];