Bot Framework Web Chat中如何实现点击后ac-pushbutton动态消失

方案1：Bot端主动更新原有活动（通用无依赖） #

用户点击按钮后，Bot会收到按钮回传的回调事件，此时调用SDK的updateActivity方法，将原来携带按钮的活动消息替换为不带按钮的内容，即可实现按钮完全消失。
Node.js 代码示例：

// 处理按钮回传的逻辑段
async handleButtonClick(context) {
  // 获取原带按钮消息的活动ID
  const targetActivityId = context.activity.replyToId;
  // 构造替换后的活动，移除所有按钮相关内容
  const updatedMsg = {
    id: targetActivityId,
    type: "message",
    // 可自定义保留的文本，比如展示用户选择的结果
    text: `已选择：${context.activity.value}`,
    // 清空原有卡片/按钮附件，也可以只移除卡片的actions字段
    attachments: []
  };
  // 提交更新请求
  await context.updateActivity(updatedMsg);
}

相关说明：

• 该方案适配所有支持活动更新的通道，Direct Line 完全兼容该能力
• 如果你使用的是suggestedActions（建议操作按钮），不需要额外开发：默认规则下用户发送任意消息后，建议操作按钮会自动消失

方案2：Direct Line 客户端层面移除（适合自定义Web Chat场景） #

如果你可以控制Direct Line对接的前端客户端（比如自研Web Chat），可以直接在前端监听按钮点击事件，点击后立刻从DOM中移除对应按钮，无需等待Bot响应，生效速度更快。
Web Chat 前端代码示例：

// 初始化Web Chat时注入自定义状态存储，监听按钮点击事件
const store = window.WebChat.createStore({}, ({ dispatch }) => next => action => {
  // 监听到按钮提交动作
  if (action.type === "WEB_CHAT/SUBMIT_ACTION") {
    const clickedActivityId = action.payload.activity.id;
    // 找到对应活动的按钮组DOM节点，直接移除
    document.querySelector(`[data-activity-id="${clickedActivityId}"] .ac-actionSet`)?.remove();
  }
  return next(action);
});

// 渲染Web Chat时传入自定义store
window.WebChat.renderWebChat(
  {
    directLine: window.WebChat.createDirectLine({ token: "你的Direct Line 访问令牌" }),
    store
  },
  document.getElementById("webchat-container")
);

相关说明：

• 该方案点击后按钮立刻消失，无网络延迟
• 仅适用于可自主修改Direct Line客户端代码的场景，第三方客户端对接时无法使用

内容的提问来源于stack exchange，提问作者MallipriyA Kovelakaru