react js中的更新和对象嵌套数组

Question

我的当前数据结构处于我的 redux 状态

const state = {
    chats: {
        id: "idhere",
        messages: [
            { 
               obj: "here" 
            },
            { 
               obj: "here" 
            },
        ]
    }
}

我想将我创建的操作的结果返回附加到消息数组的末尾而不改变它。我知道如果消息数组是状态的直接子级，我将如何实现这一点，但由于它是嵌套的，它完全让我失望。

这就是我目前得到它的方式，但我正在使用推送，并且它“感觉”不正确。

case GET_CHAT_MESSAGES:
    return { ...state, chats: { ...state.chats[action.id].messages: ...state.chats.[action.id].messages, action.payload }}

谢谢

Answer 1

这是如何以不可变的方式做到这一点：

const state = {
    chats : {
        id: "idhere",
        messages: [
            { 
               obj: "here" 
            },
            { 
               obj: "here" 
            },
        ]
    }
}

let newObj = {

   ...state,
   chats: {
     ...state.chats,
     messages:[...state.chats.messages, {obj:"new object"}]
   }

};

如果你明白了，你可以在reducer中进行调整。