Javascript 如何让react使用Bootstrap 4 Popover

我目前正在使用Draftjs来装饰一些关键词，这将它们变成了跨度。在我的范围内，我想使用Bootstrap4Popover功能。我添加了一个简单的行，但它不起作用，库等都添加了

handleClick = (e) => {
  e.preventDefault();
    alert(e.target);
};

ColorComponent = (props) => {
  return (
    <span onClick={this.handleClick} style={this.styles.word}>{props.children}</span>
  );
};

handleClick=（e）=>{
e、 预防默认值（）；
警惕（如目标）；
};
ColorComponent=（道具）=>{
返回(
{props.children}
);
};

单击我希望能够看到弹出窗口，如bootstrap 4页面上所示。我已经包括了下面的链接。我不想使用独立的库，我想直接编写代码，避免使用插件

---

首先需要添加

数据切换

、

标题

和

数据内容

属性，然后通过调用元素上的

popover（）

方法初始化popover

有关React、Typescript、Webpack堆栈的解释和示例代码，请参见此答案：

---

首先需要添加

数据切换

、

标题

和

数据内容

属性，然后通过调用元素上的

popover（）

方法初始化popover

有关React、Typescript、Webpack堆栈的解释和示例代码，请参见此答案：

---

有一些react库可以帮助您实现这一点。其中一个是，这里有很多关于标签的主题。我想你错过了数据切换属性。此外，单击处理程序必须包含$（'#element'）。popover（'show'）React引导程序使用引导程序3如果我没有弄错的话，有一些React库可以帮助您实现这一点。其中一个是，这里有很多关于标签的主题。我想你错过了数据切换属性。此外，单击处理程序必须包含$（'#element'）。如果我没有弄错的话，popover（'show'）React引导程序使用引导程序3