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)
}

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

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