redux - キーと値のペアを保存および更新する方法

Question

私はredux wth reactjsを使用しています。

単純なキーと値のペアを保存したいが、レデューサー構文を正しく取得できない。

この場合、各キーと値のペアは外部システムへの接続を保持します。

これは正しい方法ですか？私は初心者であるので、それは謎のビットです。

export default (state = {}, action) => { 
    switch(action.type) { 
    case 'addConnection': 
     return { 
     connections: { 
      ...state.connections, { 
      action.compositeKey: action.connection 
     } 
     } 

    default: 
     return state 
    } 
} 

Answer 1

あなただけ{}の代わり[]とカップルのミスがあり、Object.assignを使用することを忘れ。

const reducer = (state = {}, action) => { 
    switch (action.type) { 
    case 'addConnection': 
     return Object.assign({}, state, { 
     connections: [ 
      ...state.connections, 
      { 
      [actions.compositeKey]: action.connection 
      } 
     ] 
     }); 
    default: 
     return state; 
    } 
} 

export default reducer; 

このようにも表示されていることがわかります。あなたは、この

import Immutable from 'immutable'; 

const reducer = (state = Immutable.Map(), {type, compositeKey, connection}) => { 
    switch (type) { 
    case 'addConnection': 
     return state.set(
     'connections', 
     state.get('connections').concat({ 
      [compositeKey]: connection 
     }) 
    ); 
    default: 
     return state; 
    } 
} 

export default reducer; 

Answer 2

のようなものをImmutableを使っている。これは、私が使用する

const reducer = (state = {}, {type, compositeKey, connection}) => { 
    switch (type) { 
    case 'addConnection': 
     var newData={}; 
     newData[compositeKey]=connection; 
     return Object.assign({}, state, newData) 
     }); 
    default: 
     return state; 
    } 
} 

export default reducer;