감속기에서 중첩 된 상태 업데이트하기 React Redux

Question

reactjs와 함께 redux를 사용하고 있습니다. 단지 lastMessage 후 : 내가 감속기를 업데이트하고 키/값 (조 '이름')를 추가 할

{ 
XSAUZHNAKZJ : //id User 
    { 
    AZRAERAZEAZ : //id Conversation - always one object 
    { 
    timestamp : 123123123, 
    lastMessage : "hello" 
    } 
    }, 
BLZEJARNAELKR : //id User 
    { 
    AANALZKJAZ : //id Conversation - always one object 
    { 
    timestamp : 123123123, 
    lastMessage : "hello" 
    } 
    } 
} 

: 여기 내 감속기 상태입니다. 내 action.payload에 name (예 : joe) 값과 id User (예 : XSAUZHNAKZJ) 값이 있습니다. 여기에 내 코드가 있지만, 내가 제대로하지 않는 것 같습니다. immutability helper의

export default function(state={},action){ 
    switch(action.type){ 
    case 'GET_USER_INFO': 
     var tempState = Object.assign({}, state); 
     var conversation = tempState[action.payload.key]; 
     var conversationDetail = conversation[Object.keys(conversation)[0]]; 
     conversationDetail['name']=action.payload.val().name; 
     return tempState; 
    default: 
     return state; 
    } 
} 

Answer 1

만들기 사용은 중첩 된 상태로 새로운 객체를 할당하는

import update from 'immutability-helper'; 

export default function(state={},action){ 
    switch(action.type){ 
    case 'GET_USER_INFO': 
     return update(state, { 
      [action.payload.key]: { 
        [Object.keys(state[action.payload.key])[0]]: { 
          $merge: {name: action.payload.name} 
        } 
      } 
     }) 
    default: 
     return state; 
    } 
}