如何保持消息作为已发送消息发送（反应节点）

Question

我正在使用 React 和节点打字稿，我正在聊天（不是实时的），我想要但我遇到了问题。 我在后端测试了端点，它们工作正常。 问题出在前面，当我首先发送消息时，它显示为已收到消息，显示为已发送。

这是我的组件：

<div className="messages-container">
                  {messages.length > 0 ? (
                    <>
                      {messages
                        .map((message) => (
                          <div
                            key={message._id}
                            className={
                             userId &&message.userId._id && message.userId._id === userId 
                                ? "sent-message"

                                : "received-message"
                            }
                          >
                            <p>{message.description}</p>
                          </div>
                        ))}
                    </>
                  ) : (
                    <p>No messages yet</p>
                  )}
                </div>

userId 从 reduxtoolkit store 中获取