На нажатие не работает в адаптивном меню Bootstrap в реагировать JS

Question

Я использую bootstrap и реагирую на js.

, если я использую этот код в режиме destop, он работает нормально, но я использую это в мобильном представлении, функция onclick не работает

вот мой код

JSX CODE

<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 'Вот снимок экрана с удаленным просмотром'

Кто-нибудь знает, пожалуйста, помогите решить эту ошибку.

спасибо