傳播操作動態屬性更新

Question

我有一個看起來像這樣的狀態：

state: { 
    1: {show: false, description: 'one'}, 
    2: {show: false, description: 'two'}, 
    3: {show: true, description: 'three'} 
    } 

根據變量「ID」是來自於行動，我必須更新的狀態。

事情是這樣的：

var returnedState = {...state, [id].show : ![id].show} 

我怎樣才能做到這一點？

Answer 1

{...state, 
[id]: { 
    show: !state[id].show 
} 
} 

它將複製原始狀態，然後切換來自操作的特定鍵/ ID的顯示值。

這裏是工作的代碼筆http://codepen.io/finalfreq/pen/mRBjZV

Answer 2

以前的答案是正確的，但剛剛離開子對象的顯示屬性，去掉其他的。 爲了保持所有屬性，改變你想，你必須使用屬性：

{...state, [id] : {...state[id], show: !state[id].show}} 

具有添加...state[id]