【问题标题】:How to loop in react using jquery如何使用 jquery 循环响应
【发布时间】:2020-02-29 16:01:25
【问题描述】:

我收到一个错误,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>
                }

【问题讨论】:

  • isClick()函数在哪里调用?
  • kk先生现在检查一下
  • 1) 你为什么要在 React 中使用 Jquery?通常建议不要这样做。 2)如果您可以提供有关您想做的事情的详细信息,也许我可以提供有关如何仅使用 React 完成它的详细信息
  • 你必须写for(var i=0...)。注意var 关键字。
  • 我们如何取得联系,请给我您的 Skype 名称

标签: jquery html reactjs loops npm


【解决方案1】:

图片中的错误是关于i声明; (注意let 关键字)

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-12
    • 1970-01-01
    • 1970-01-01
    • 2014-02-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多