Javascript offcanvas jquery触发器在React中不工作

我在react应用程序中包含了非画布菜单。 而我可以通过控制台触发并隐藏打开菜单，如下所示：

但是在我的react应用程序中执行同样的操作会抛出错误：uncaughttypeerror:$（…）。offcanvas不是函数（…）

---

我猜这与javascript闭包有关。是否有其他方法触发此事件？

我在页面加载时不得不这样触发：

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

我是如何解决的：

// 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();

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