假设对话应该是上下文相关的（等待和响应之前发送的消息），一种方法是在聊天机器人思考时禁用表单。

<form onSubmit={SendChat}>
   <fieldset disabled={botThinking}>
   ... your form elements
   </fieldset>       
</form>

然后，可以在使用botConverse方法之前和之后使用useState设置botThinking。
您可能还想在sendChat处理程序中添加一些内容：

if (botThinking) return;

是的，我知道你的问题是什么了。你可能把chatList作为react状态。这就是文本数组。

chatList - ["Hi", "How are you?", "I am fine" ...]

不如你把这个状态更新成

chatList - [{text: "Hi", from: "you"}, {text: "How are you?", from: "bot"}, {text: "I am fine", from: "you"}, ...]

通过这种方式，您可以轻松确定哪个是您的，哪个是机器人的。

***假设***对话像这样一对一轮流进行似乎很不安全。

我的建议是在处理聊天提交时阻止输入。
示例：

const [canChat, setCanChat] = React.useState(true);

const sendChat = async (e) => {
  e.preventDefault();

  try {
    setCanChat(false); // <-- block user chat input
    
    // add text to show on conversation
    dispatch(pushToChatConvArray({ user_conv: UserConversation }));
    
    // Send API Call
    await dispatch(botConvrse({
      id: parseInt(sessionId),
      user_conv: UserConversation
    }));
  } catch {
    // handle or ignore rejected Promises/thrown errors/etc
  } finally {
    setCanChat(true); // <-- enable user chat input
    setUserConversation("");
  }
};

...

<div>
  <form onSubmit={sendChat}>
    <input
      autoFocus
      disabled={!canChat} // <-- disable input element when user can't chat
      className="user-chat-form"
      placeholder="What's on your mind?"
      onChange={(e) => setUserConversation(e.target.value)}
      value={UserConversation}
    />
    <IconButton type="submit">
      <SendIcon />
    </IconButton>
  </form>
</div>

或者输入哪个用户是他们那部分对话的所有者。这部分对话在处理时可以设置为分派操作的一部分。
示例：

const sendChat = (e) => {
  e.preventDefault();

  // add text to show on conversation, sets user as owner
  dispatch(pushToChatConvArray({ user_conv: UserConversation }));

  // Send API Call, sets bot as owner
  dispatch(botConvrse({
    id: parseInt(sessionId),
    user_conv: UserConversation
  }));

  setUserConversation("");
};

...

// the this content is displayed on the chatpage
const content = chatList.map((conversation) => (
  <motion.div key={conversation.id}>
    <ChatContainer
      userOrBot={conversation.isUserOwner}
      conversation={conversation}
    />
  </motion.div>
));