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

Question

我在反应应用中添加了jasny's bootstrap offcanvas菜单。 虽然我可以通过jasny's example中的控制台触发和隐藏打开菜单，如下所示：

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

但在我的反应应用中做同样的事情就是抛出错误：未捕获TypeError：$（...）。offcanvas不是函数（...）

我猜它与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();