Aktualisieren eines verschachtelten Status in einem Reducer React Redux

Question

Ich verwende Redux mit reactjs. Hier ist mein Minderer Zustand:

{ 
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" 
    } 
    } 
} 

Ich möchte das Minderer aktualisieren und einen Schlüssel/Wert (‚name‘: joe) fügen Sie einfach nach Lastmessage. Ich habe den Wert von Name (zB Joe) und einen ID-Benutzer (zB XSAUZHNAKZJ) in meiner action.payload. Hier ist mein Code, aber es scheint, dass ich nicht richtig mache.

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

Nutzen Sie immutability helper das neue Objekt in den verschachtelten Zustand zuweisen

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