offcanvas jquery 触发器在 React 中不起作用

Question

我在 React 应用程序中包含了 jasny's bootstrap 画布外菜单。 虽然我可以通过 jasny's example 中的控制台触发和隐藏打开的菜单，如下所示：

$('.navmenu').offcanvas('hide')

但是在我的 React 应用程序中做同样的事情会抛出错误：Uncaught TypeError: $(...).offcanvas is not a function(...)

我猜它与 javascript 闭包有关。还有其他方法可以触发吗？

Answer 1

我最终不得不在我的页面加载时像这样触发：

      if(window.innerWidth > 1000)
          document.getElementById('navbar-toggle').click();

Answer 2

我是怎么解决的：

// to show it
let myOffcanvas = new window.bootstrap.Offcanvas(document.getElementById('offcanvasId'))
myOffcanvas.show();

然后

// to hide it
let myOffcanvas = window.bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasId'))
myOffcanvas.hide();