オブジェクトは動的変数

Question

に割り当てる私はReduxの店でこのinitialStateを持っている：activeがオブジェクトである

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

。

今私はが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 
    }) 
}) 

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