Reduxディープコピーアレイが変更されない場合でも

Question

私の状態は次のようになります場合：

const initialState = { 
    color: 'blue', 
    sizes: ['S', 'M', 'L'], 
} 

そして、私は色を変更したい、私の減速は、この権利を返す必要があります：

return { ...state, color: newColor }; 

しかし、状態はまだ古い配列を参照しませんが？配列を変更していなくても、これは突然変異とみなされますか？これは良いでしょうか？

return { 
    ...state, 
    color: newColor, 
    sizes: state.map.sizes(size => size) 
} 

配列にオブジェクトが含まれている場合はどうなりますか？

const initialState = { 
    color: 'blue', 
    sizes: [ 
    { color: 'red', size: 'S' }, 
    { color: 'green', size: 'M' }, 
    { color: 'blue', size: 'L' } 
    ], 
} 

これは、状態の変異を避けるためにこれを行う必要があるということですか？

return { 
    ...state, 
    color: newColor, 
    sizes: state.map.sizes(item => { ...item }) 
} 

また、Object.assignと拡散演算子はJSON.stringifyとJSON.parseをやっよりも好まれる理由はありますか？

Answer 1

いいえ、突然変異ではありません。あなたがしていることはまったく問題ありません。

は、見てください：第2の目的は、作成されているときに、時間がない時に

const obj1 = { 
    a: 1, 
    b: 2, 
    c: 3 
}; 

const obj2 = { 
    ...obj1, 
    c: 4 
}; 

は、変更される最初のオブジェクトの任意のメンバーです。

参考文献がの読み取り専用である限り、Reduxの状況（または実際には、FPコードベースの任意の時点で、純粋な関数を使用して）では、参照の共有に問題はありません。

これは、新しいオブジェクトを作成するときに、そのサブプロパティが変更されていない限り、そのプロパティが他のオブジェクトのプロパティに直接参照できることを意味します（これらのサブプロパティは共有オブジェクト）。