我正在使用 redux 和 Reactjs。这是我的 reducer 状态:
{
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"
}
}
}
我想更新reducer并在lastMessage之后添加一个键/值('name':joe)。我的 action.payload 中有名称值(例如:joe)和 id 用户(例如:XSAUZHNAKZJ)。这是我的代码,但似乎我做得不对。
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;
}
}
最佳答案
利用不变性助手
将新对象分配给嵌套状态
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;
}
}
关于reactjs - 更新Reducer React Redux 中的嵌套状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42840812/