如何在数组中添加一个新元素然后检查该元素是否存在？

Question

我有一个获取请求，它从我的数据库中获取数据以显示在我的网站上。

我想要完成的是当一个新的聊天被创建而不是刷新屏幕时，我在获取请求完成时将它添加到 state 集合中。

创建新聊天时，它会被添加到列表中。 完美的

我的问题是在创建新聊天并且用户发送另一条消息后，我无法找到添加到数组中的新 object，因此它还添加了列表并且我收到错误相同的 id 被使用。

问题出现在这里：

if(records.some(e=>e['id']===msg.id)){
        console.log("id exists")
        var index = records.findIndex(x=>x.id===msg.id)
        console.log(index)
        let temp=[...records]
        const recordMessages=temp[index].Messages
        const newMessages=[msg,...recordMessages]
        temp[index].Messages=newMessages

        const lastMessage=temp[index].lastMessage
        const newLastMessage=msg.message;

        temp[index].lastMessage=newLastMessage;

        setRecords(temp) 
        }else{
            var index = records.findIndex(x=>x.id===msg.id)
            console.log(index)

            const newObject={
                id:msg.id,
                lastMessage:msg.message,
                admin:msg.receiverId,
                user:msg.senderId,
                updatedAt:new Date(),
                Messages:[msg]
            }
            const newRecord =records=>[newObject,...records]
            setRecords(newRecord) 
        }

if(records.some(e=>e['id']===msg.id)){

错误发生在这一行，因为它没有被执行

另外，这是我的 api 电话：

            .get('/api/messages/',{headers:{"auth-token":localStorage.getItem('jwtToken')}})
                .then(res => {
                    setRecords(res.data)
                    // console.log(records)
                })
                .catch(err =>
                    console.log(err)      
                )

Answer 1

if(records.some(e=>e['id']===msg.id)){

这是检查字符串 'id' 是否在数组中。 您想传入变量 id，即： if(records.some(e=>e.id === msg.id)){