javascript - 单击时在响应式菜单中不起作用 响应 js 中的引导程序

Question

我正在使用引导程序和反应 js。

如果我在 destop 视图中使用此代码，它工作正常，但我在移动视图中使用此代码 onclick 功能不起作用

这是我的代码

JSX 代码

<div className="container main-menu">
                <div className="row align-items-center justify-content-between d-flex">
                    <div id="logo">
                      <a href="/"><img src="/public/img/logo.png" alt="" title="" className="logo" /></a>
                    </div>
                    <nav id="nav-menu-container">
                      <ul className="nav-menu">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">How It Works</a></li>
                        <li><a href="#">Become A member</a></li>
                        <li><a href="#"  className="btnlogin"  onClick={() => { alert("test"); this.setState({showLoginModal: true});$('#loginModal').modal('show'); $('.eazyforgot').fadeOut('fast');}}>Login</a></li>
                        <li><a href="#"  className="btnlogin"  onClick={this.testing}>TEST</a></li>
                      </ul>
                    </nav>                     
                </div>
              </div>

这是我的功能

testing(){
  alert("de mo");
}

我使用了这两种方法，但没有同时使用这两种方法

https://ibb.co/m4pv3K3 '移动视图屏幕截图没有错误进入控制台'

https://ibb.co/RS39Rxc '这里是桌面视图屏幕截图'

任何人都知道请帮助解决这个错误。

谢谢

标签： javascriptreactjsbootstrap-4menu