如何在React JS中合并工具提示功能

Question

我正在尝试将工具提示合并到React Js中。但是我不确定如何合并$（function），即使将其添加到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>
}

Answer 1

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

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