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

Question

我在反应应用程序中包含了 jasny 的 bootstrap offcanvas 菜单。虽然我可以在jasny 的示例中通过控制台触发和隐藏打开的菜单，但如下所示：

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

但是在我的反应应用程序中做同样的事情会抛出错误：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();