Redux + Reactでネストされたオブジェクトのプロパティを更新するには？

Question

したがって、最初

、SET_USER経由でセットアップされますいくつかのプロパティ（name、color、age）とuserオブジェクト、と私は、次のコードでそれを行うとき、私はまだ、UPDATE_USER_NAME経由userオブジェクトの内部nameプロパティを更新したいと思います下に下に入れてUPDATE_USER_NAMEにループすると、nameプロパティは更新されません。

私は間違っていますか？ user: {action.name, ...state.user}のようなものを実行すると、オブジェクトuserが更新されて動作しますが、オブジェクト内の現在のnameを更新するのではなく、action.nameから別の新しいプロパティを作成するだけです。これは、現在のstate.userにuserを設定し、nameを上書きします

case actionTypes.UPDATE_USER_NAME: 
     return { 
     ...state, 
     user: { 
      ...state.user, 
      name: action.name, 
     } 
     } 

：

const DEFAULT_STATE = { 
    user: {}, 
} 

export default function(state = DEFAULT_STATE, action) {\ 
    switch(action.type) { 
    case actionTypes.SET_USER: 
     return { 
     ...state, 
     user: action.user, 
     } 

    case actionTypes.UPDATE_USER_NAME: 
     return { 
     ...state, 
     user: { 
      name: action.name, 
      ...state.user, 
     } 
     } 

    default: 
     return state 
    } 
} 

Answer 1

は、あなただけのスプレッドのビットを順序を変更する必要があります。スプレッドはObject.assign（左から右）のように機能します。これは、オブジェクトリテラルで同じキーを割り当てることが「最後のものが勝つ」ためです。