react-native-gifted-chat - react native giftedchat 无法编辑消息文本

Question

我想编辑一条消息，但它只有在我更改这条消息 _id 时才会更新。有人可以告诉我怎么做吗，这是我的代码:

const onSend = useCallback((messagesToSend = []) => {
        if(editMessage != null){
            setEditMessage()
            const m = messagesToSend[0]
            const newMessages = [...messages]
            const index = newMessages.findIndex(mes => mes._id === editMessage._id);
            console.log('index: ', index)
            if(index > -1){
                newMessages[index].text = m.text // => ***i only edit the text***
                // newMessages[index]._id = uuid.v4() => ***this working if changed _id***
                console.log('newMessages', newMessages[index]) //  => ***new message changed it's text but the bubble not change when re-render***
                LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
                setMessage(newMessages)
            }
        }else{
            setReplyMessage()
            appendMessage(messagesToSend)
        }
    })

Answer 1

看起来您正在使用没有依赖项数组的 useCallback。这意味着您所依赖的任何依赖项都将被记住，并且在您运行该函数时不会更新。

您应该将messages、editMessage，也许还有setMessage 和appendMessage 添加到依赖项数组。像这样:

const onSend = useCallback(
(messageToSend = []) => etc,
[messages, editMessage, setMessage, appendMessage]);

这是我要尝试的第一件事