Objekt zuweisen mit dynamischen Variablen

Question

Ich habe diese initialState in meinem Redux Speicher:

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

Wo active ein Objekt ist. Jetzt

Ich habe eine Aktion, die sollte Anfügen oder eine Eigenschaft zu active ‚s data Eigenschaft, fügen Sie wie folgt:

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

Wie Sie sehen können, ist data[action.key] nicht gestattet. Wie mache ich es?

Answer 1

Versuchen mit diesem:

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

Answer 2

das Objekt Aufbau ersten, die Verwendung von eckiger Klammer-Notation Herstellung eine Zeichenfolge als Eigenschaftsnamen zu verwenden:

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

dann verwenden, die neu Objekt erstellt:

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

Answer 3

Ich würde vermuten, eine berechnete Eigenschaft Name könnte funktionieren.

Ungeprüfte:

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