我无法在聊天应用程序中显示正确的消息 - React答案

【问题标题】：I can't display the correct message in the chat app - React我无法在聊天应用程序中显示正确的消息 - React
【发布时间】：2022-12-13 21:09:18
【问题描述】：

我目前正在使用 React 开发一个聊天应用程序，但遇到了一点问题。当您在文本区域中键入内容但未发送并与其他客户聊天时 - 为第一次聊天输入的文本仍保留在该字段中

我仍然是一个超级新手，我不知道如何解决我的问题 - 在聊天之间切换时应该显示正确的消息。这是我的代码：

const [message, setMessage] = useState();

const changeMessage = useCallback(
    (event) => {
      setMessage(event.target.value);
    },
    [setMessage, previousMessage],
  );


<InputTextarea
        autoFocus
        placeholder='enterMessageHere'
        ref={inputRef}
        value={message}
        onChange={changeMessage}
 />

如果你能帮助我，我将不胜感激:)

【问题讨论】：

标签： reactjs state chat

【解决方案1】：

您在 useCallback 挂钩的依赖项中指定了 setMessage，尝试设置 message，它应该如下所示：

const changeMessage = useCallback(
    (event) => {
      setMessage(event.target.value);
    },
    [message, previousMessage],
  );

【讨论】：