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

Posted orime

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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中元素事件传入参数写法的主要内容,如果未能解决你的问题,请参考以下文章

React onClick点击事件传参三种写法

React:Event

JSX的本质

MyBatis传入参数为集合 list 数组 map写法

MyBatis传入集合 list 数组 map参数的写法

MyBatis传入参数为集合 list 数组 map写法