如何通过reactjs使用bootstrap popover
如何通过reactjs使用bootstrap popover
提问于 2018-07-24 04:07:24
我尝试按照bootstrap文档来使工作变得轻而易举。但我一直未能成功地将这段代码转换为React可以理解的东西。
{
$(document).ready(function() {
$('[data-toggle="popover"]').popover();
});
}没有它，我的popover就不能正常工作。解决方案是什么？
回答 2
Stack Overflow用户
发布于 2018-07-24 05:26:57
如果您在index.html中定义了jquery，您也可以这样做。从窗口对象调用jquery。
componentDidMount() {
window.$('[data-toggle="popover"]').popover();
}Stack Overflow用户
发布于 2018-07-24 04:23:57
使用react-bootstrap库是有意义的，但如果您仍然想要一个解决方案，请继续执行以下操作……
您需要了解react生命周期方法，而不是使用document.ready回调函数。
尝试将此代码添加到react组件中
componentDidMount() {
$('[data-toggle="popover"]').popover();
}确保在文件顶部导入jquery
import $ from 'jquery'页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51486500
复制相关文章
相似问题