react中如果不用bind()如何传参

Question

一般给事件处理函数传递额外的参数是使用bind()，但是绑定bind()在组件频繁渲染时候，这些bind()也频繁执行不是好事，如果不用bind()这样绑定，有没有其他更好的方式给事件处理函数传递额外的参数？

Answer 1

this.handleclick.bind（this，要传的参数）  
handleclick（传过来的参数，event） {

}

这样实现吧。或者使用ES6箭头函数。

handleclick= (val) => {

}
onClick={(i)=>this.handleclick(i)}

或

handleclick(传过来的参数) {
    const _key = 传过来的参数
    const _this = this
    return (event) => {
      const obj = {}
      obj[_key] = event.target.value
      _this.setState(obj)
    }
  }
 onChange={this.handleclick('要传的参数')}

Answer 2

如果不用bind的话，就是()=>this.liChecked(i)传参，但是本质上没有解决你频繁执行的问题，因为这样也是一个匿名函数，会被重复创建，在需要传参的前提下，暂时没想到好的解决办法。

Answer 3

你可以在componentDidMount 中去做绑定事件这件事。要设置的组件上添加refs，didMount中获取refs然后遍历来设置事件。

Answer 4

在constructor中统一绑定事件，在onClick中绑定事件每次都会触发。