如何在ReactJS中呈现Popover模式

Question

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

Answer 1

为此，您可以使用流行的UI组件框架的一个相当容易。例如bootstrap/jquery。

按照以下的步骤，你将被罚款：

1. 在父组件的render方法按照制备HTML布局与guidelines for the component：

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

在父组件的componentDidMount方法中：

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

最后在componentWillUnmount：

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