码迷,mamicode.com
首页 > 其他好文 > 详细

react中元素事件传入参数写法

时间:2019-09-24 12:19:49      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:ons   错误   cli   his   pre   写法   OLE   bin   dex   

  • react中的元素绑定事件并且传入参数,不能使用箭头函数,否则传参会立即调用
  • 错误写法:页面刷新会立即调用
<li 
  key={index+item}
  onClick={this.deleteItem(index)}
>
  {item}
</li>

deleteItem = (index) => {
  console.log(index)
}
  • 正确写法:click的时候才会调用
<li 
  key={index+item}
  onClick={this.deleteItem.bind(this,index)}
>
  {item}
</li>

deleteItem(index){
  console.log(index)
}

react中元素事件传入参数写法

标签:ons   错误   cli   his   pre   写法   OLE   bin   dex   

原文地址:https://www.cnblogs.com/orime/p/11577271.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!