javascript - 更改状态 reducer redux 中的属性值

Question

我有一个reducer，它的状态是一个对象数组。

state = [{
      id: 1,
      name: 'peter',
      visible: false
    },
    {
      id: 2,
      name: 'alan',
      visible: false
    ];

我的 reducer 的相关部分如下所示。

action.id 这里是 1

case 'TOGGLE_VIEW':

    return state.map(item => {

        if(item.id === action.id) {

            item.visible = !item.visible;

        }

    });

上面的代码返回的状态为[null, null]

谁能解释一下如何根据传入的 id 更改状态中的属性值？

Answer 1

根据 naortor 的回答，由于 redux 状态应该是不可变的，所以你应该这样做:

case 'TOGGLE_VIEW':
  return state.map(item => {

    if (item.id === action.id) {
      return {
        ...item,
        visible: !item.visible,
      }
    }

    return item

  });