如何在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')