如何在不使用 redux 中间件的情况下禁用/隐藏自适应卡片/操作按钮?

Posted

技术标签:

【中文标题】如何在不使用 redux 中间件的情况下禁用/隐藏自适应卡片/操作按钮?【英文标题】:How do I disable/hide adaptive cards/action buttons without using redux middleware? 【发布时间】:2022-01-10 02:39:08 【问题描述】:

我正在利用 Bot Framework Composer(C# 机器人)构建聊天机器人。根据规范,我们创建了一个 react-app 并在 DirectLine 令牌的帮助下将机器人集成到其中。我们希望在呈现自适应卡片后禁用 WebChat 中的卡片/操作按钮,因此用户无法再次单击操作按钮。有没有办法在一次使用后禁用或隐藏自适应卡?

【问题讨论】:

请提供足够的代码,以便其他人更好地理解或重现问题。 【参考方案1】:

对于每条消息的 li 元素下的自适应卡片中加载的所有按钮,您将获得以下类:

.ac-actionSet .ac-pushButton

你必须在 javascript 中做一些逻辑或基于这个类做出反应并隐藏除当前 li 元素之外的以前的 li 元素按钮。

【讨论】:

以上是关于如何在不使用 redux 中间件的情况下禁用/隐藏自适应卡片/操作按钮?的主要内容,如果未能解决你的问题,请参考以下文章

如何在不像 Whatsapp 那样遮挡整个屏幕的情况下禁用表格视图?

如何在不改变状态的情况下对 redux 操作做出反应

如何在不禁用整个控件的情况下禁用 TextArea 的鼠标滚轮?

如何在不重新加载页面的情况下将用户重定向到 redux saga 上的另一个页面

在 RDLC 报告中隐藏一行而不禁用代码执行

如何在不更改颜色的情况下禁用 Vuetify 按钮