javascript - Spread 运算符动态属性更新

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