如何在 ReactJS 中呈现 Popover 模式

Question

有人可以帮我在 ReactJS UI 中创建弹出框，如下图所示。

Answer 1

您可以使用流行的 ui 组件框架之一轻松完成此操作。例如 bootstrap/jquery。

按照下面的步骤，你会没事的：

1. 在父组件的render方法中按照guidelines for the component准备html布局：

<a href="#" id="mypopover" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

1. 在父组件的componentDidMount方法中：

$("#mypopover").popover();

1. 最后在componentWillUnmount:

$("#mypopover").popover('destroy')