Sendbird - “反应点击”后如何更新消息？

Question

我们使用 Sendbird 进行聊天。 我有带有运行 addReaction 方法的按钮的消息组件在此处输入图像描述。 根据文档https://sendbird.com/docs/chat/v3/javascript/guides/group-channel#2-react-to-a-message我需要做 message.applyReactionEvent(reactionEvent) 但它不适用'在现场'

在主聊天组件中，我添加了 onReactionUpdated，它在反应点击后运行，在此处输入图像描述

但是只有当我重新加载页面或关闭对话框并再次打开时（通常，在整个对话框更新之后），反应才会显示出来。 我猜我的代码中有错误，但无法弄清楚到底是什么错误。

Answer 1

问题在于更新反应组件。 所以我通过使用then（）在反应点击后更新消息组件来解决它。 对代码的小解释 - 对于 addReaction 事件，我有 setState 关闭带有表情符号的弹出窗口并更新我的组件。 对于 deleteReaction 我没有任何适合那里的 function 所以我决定使用 React 文档中的一种 forceUpdate

const [_, forceUpdate] = useReducer(x => x + 1, 0);

还有我的 function：

const toggleReaction = (type, emojiKey) => {
if (type === "add") {
  channel
    .addReaction(message, emojiKey, function (reactionEvent, error) {
      if (error) {
        console.log(error);
        return setShowEmojis(false);
      }
      message.applyReactionEvent(reactionEvent);
    })
    .then(() => setShowEmojis(false));
}
if (type === "delete") {
  channel
    .deleteReaction(message, emojiKey, function (reactionEvent, error) {
      message.applyReactionEvent(reactionEvent);
    })
    .then(() => forceUpdate());
}
};