개체 동적 변수

Question

로 지정 내가 돌아 오는 매장이 initialState 있습니다 active 객체입니다

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

.

는 지금은 작업 해야 APPEND이 있거나과 같이, 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

시도 :

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

다음 새로 개체를 만든 것을 사용

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

Answer 2

은 속성 이름으로 문자열을 사용하는 대괄호 표기법을 사용하고, 먼저 객체를 구축 :

[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})