объект назначения с динамической переменной

Question

У меня есть эта initialState в моем Redux магазине:

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

Где active является объектом.

Теперь у меня есть действие, которое должно на добавление или добавить свойство active «s 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

Try с этим:

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

Answer 2

Построить объект в первую очередь, используя квадратные скобки, нотации использовать строку в качестве имени свойства:

var data = {}; 
data[action.key] = action.data; 

затем использовать что вновь созданный объект:

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

Answer 3

Я бы предположил, что вычисленное имя свойства может работать.

Непроверенные:

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