javascript - react : update one value of my state in reducer

Question

我尝试使用 redux 修改当前状态的值。这是我的状态:

tickets : {
    high_tickets: [
        {
            "value": value,
            "value": value,
            "value": value,
            "value": value,
            "visibility": 1
        },
        {
             ...
        }
    ],
    low_tickets: [
        ...
    ]
}

这是我的减票器:

case 'HIDE_TICKET':
      const i = action.index
      if(action.typeFraud == "high") {
        state = {
          "high_tickets": [
            ...state.high_tickets.slice(0,i),
            {
              ...state.high_tickets[i],
              "visibility": 0
            }
            ...state.high_tickets.slice(i + 1),
          ],
          "low_tickets": [
            ...state.low_tickets
          ]
        }
      }
      else if(action.typeFraud == "low") {
        ...
      }
      return state
      break;

我在 {...state.high_tickets[i],"visibility": 0} 行出现错误。意外的 token 。

如何只修改对象的一个​​值而不重新定义化简器中的所有值。

谢谢。

Answer 1

如果您想改变现有对象，可以使用Object.assign(state.high_tickets[i], {visibility: 0 })，或者Object.assign({}, state.high_tickets[i], {visibility: 0 }) 如果你想创建一个全新的对象。

它看起来像:

"high_tickets": [
    ...state.high_tickets.slice(0,i),
    Object.assign(...),
    ...state.high_tickets.slice(i + 1),
]