配列内のオブジェクトの1つのフィールドを変更するスプレッド演算子ES6

Question

case SET_WINE_ITEMS: 
    const { index, name, value } = action.payload 
    const items = state.items 
    items[index][name] = value 
    return { ...state, items } 

拡散演算子を使用して上記のコードを実装する簡潔な方法はありますか？

Answer 1

ご意見ありがとうございます。私のオブジェクト配列の構造は以下の通りです。items配列には多くのオブジェクトがあります。

items: [{ 
    name: '', 
    code: '', 
    quantity: '', 
    netBottlePrice: '', 
    netCasePrice: '', 
    caseSize: '', 
    volume: '', 
    volumeUnit: '', 
    amount: '' 
}] 

Iは、拡散演算子を使用して、それを変異させずにReduxの状態の更新を達成する方法を見つけた：

case SET_WINE_ITEMS: 
    const { index, name, value } = action.payload 
    const item = { ...state.items[index], [name]: value } 
    const items = [...state.items.slice(0, index), item, ...state.items.slice(index +1) ] 
    return { ...state, items }