redux - 更新reducer中嵌套对象的值时如何在spread中使用变量？

Question

我的问题比这里的问题提前了一步

我想知道是否有任何方法可以使用变量代替“专业”（这是参考问题的关键），因为我的模型属于以下类型：

const list = {
  categories: {
    1: {
      name: "Golf",
      active: false
    },
    2: {
      name: "Ultimate Frisbee",
      active: false
    }
  }
}

我想在下面的代码中访问 1 和 2 即 id：

return {
  ...state,
  categories: {
    ...state.categories,
    <dynamic_Id>: {
      name:"xyz"
    }
  }
}

我的主要目的是更新所选 id 的名称属性。请让我知道是否有任何解决方案。提前致谢。

Answer 1

我想这就是你所追求的

  return {
      ...state,
      categories: {
        ...state.categories,
        [idProp]: {
        ...state.categories[idProp],
          name:"xyz"
        }
      }
    }

Answer 2

所以最后我的解决方案如下：

let idProp = 1;
return {
      ...state,
      categories: {
        ...state.categories,
        [idProp]: {
        ...state.categories[idProp],
          name:"xyz"
        }
      }
    }