Question

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

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

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

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

https://v4-alpha.getbootstrap.com/components/popovers/

Answer 1

首先，您需要添加data-toggle，title和data-content属性，然后通过调用元素上的popover()方法来初始化popover。

有关React，Typescript，Webpack堆栈的说明和示例代码，请参阅此答案： https://stackoverflow.com/a/46801561/924597

如何使用Bootstrap 4 popovers进行反应

1 个答案: