javascript - 使用动态变量分配对象

Question

我有这个initialState在我的 Redux 商店中:

const initialState = {
  isFetching : false,
  active     : {}
}

在哪里 active是一个对象。

现在我有一个 Action 应该附加或添加一个属性到 active的 data属性，像这样:

[DASHBOARD_TEMPLATE_DATA_RECEIVE]: (state, action) => {
    return Object.assign({}, state, {
      isFetching   : false,
      active       : Object.assign({}, active, {data[action.key]: action.data})
    })
}

如您所见， data[action.key]不允许。我该怎么做？

Answer 1

试试这个:

active: Object.assign({}, active, {
  data: Object.assign({}, data, {
    [action.key]: action.data
  })
})