Reactjs 如何在react js中合并工具提示功能

我正在尝试将工具提示合并到React Js中。但是，我不确定如何合并$（函数），即使将其添加到index.html也不能使其工作

// where do I put this??
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

render() {
  <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
     Tooltip on top
  </button>
}

//我应该把这个放在哪里？？
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
render（）{
顶部的工具提示
}

您可以将其添加到ComponentDidMount中，组件装入DOM后将立即调用该组件

  ComponentDidMount(){
       $('[data-toggle="tooltip"]').tooltip()
    }

---

创建一个helper函数并在componentDidMount生命周期方法中调用该helper函数。您应该有一个基于某些状态显示/隐藏的工具提示组件。如果使用此方法，您需要将jquery添加到项目中，则会出现错误“$”未定义无未定义”。您可以将此jQuery CDN添加到index.html中，也可以添加jQuery的npm包并导入到js文件中