如何使用Immutabality帮助程序更新来修改Redux状态对象

Question

我正在尝试使用immutabality-helper函数更新来向对象添加新项目。我在Redux存储中有一个对象``变量''，就像这样。

const initialState = {
        variables: {
            a: {},
            b: {}
        }
}

我尝试过的减速器

case ADD_VARIABLE:
   let newVariable = action.payload.newVariable;
   return update(state, {variables: {$merge:newVariable}
   });

当我尝试添加新变量'c'时得到的结果“变量”对象是

        variables: {
            a: {},
            b: {},
            key: "c"
        }

如何获得看起来像这样的结果

        variables: {
            a: {},
            b: {},
            c: {}
        }

Answer 1

自己解决。

case ADD_VARIABLE:
   let newVariable = action.payload.newVariable;
   return update(state, {variables: {$merge: {[newVariable]:{}}}

}）;