语义 ui React Popup 在点击时关闭

Question

我正在使用 semantic-ui-react 的 Popup 元素。以下是我的组件的行为：

悬停 -> 显示 text 1（保存为状态变量）
单击 -> 关闭悬停文本（附加一个 onClick，它将状态变量的值从 text 1 更改为 text 2

现在显然，点击弹出窗口关闭，所以我看不到悬停的 text 2。

有没有办法防止弹出文本关闭。我已经在 onClick 中尝试了 e.stopPropogation()，但它没有用。

Answer 1

弹出窗口有一个名为 open 的道具，它采用布尔值。这会对你有所帮助，

<Popup
  content="Hello"
  open={true}
  trigger={<Button content="A trigger" />}
/>

您可以通过状态管理将值传递给它。这是工作示例：Sandbox

Semantic ui react Popup getting closed on click