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

  • 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)
}
posted @ 2019-09-24 11:15  Orime小猪  阅读(423)  评论(0)    收藏  举报