如何在ReactJS中呈现Popover模态

Question

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

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')