Как реагировать oop, используя jquery

Question

Я получил ошибку, что i не определено; Я инициировал npm install jQuery и импортировал его

Снимок экрана с ошибкой:

Мой код:

     isClick=()=>{
                   var allInput=$(".menu-list");
                   for(i=0; i<allInput.length; i++){
            allInput[i].on({
                click: function(){
                    alert("yes")
                }
            })

                   }
<button onClick={this.isClick}> click me</button>

          <nav className="menu pb-5">
                        <ul className="list-unstyled">
                           <li><NavLink className="menu-list " exact to="/">   <i className="fas fa-home"></i> <span> Home</span></NavLink></li>
                         <li><NavLink className="menu-list" to="/about-me"> <i className="far fa-user"></i> <span>About Me</span></NavLink></li>
                        <li><NavLink className="menu-list" to="/resume"> <i className="far fa-address-card"></i> <span>Resume</span></NavLink></li>
                        <li><NavLink className="menu-list" to="/portfolio"> <i className="far fa-address-card"></i> <span>Portfolio</span></NavLink></li>
                          <li><NavLink className="menu-list" to="/blog"> <i className="far fa-stop-circle"></i> <span>Blog</span></NavLink></li>
                        <li><NavLink className="menu-list" to="/contact"> <i className="fas fa-phone-volume"></i> <span>Contact</span></NavLink></li>                </ul>
                    </nav>
                }

Answer 1

Ошибка в изображении о i объявлении; (обратите внимание на ключевое слово let)

...
   for(let i=0; i<allInput.length; i++){
...