接收到的消息在ReactJ和使用效果中两次显示。告诉我我做错了什么

Question

    if (currentMessage !== "") {
      const messageData = {
        room: room,
        author: username,
        message: currentMessage,
        time:
          new Date(Date.now()).getHours() +
          ":" +
          new Date(Date.now()).getMinutes(),
      };

      await socket.emit("send_message", messageData);
      setMessageList((list) => [...list, messageData]);
      setCurrentMessage("");
    }
  };

  useEffect(() => {
    socket.on("receive_message", (data) => {
      setMessageList((list) => [...list, data]);
    });
  }, [socket]);

在输出中，我在接收方侧两次接收一条消息。 我认为这必须与使用效果钩有关。 请帮忙。

Answer 1

我在React中启用了严格的模式
那引起了问题。
现在正常工作。