react bind this 我有话说

react this
this 只存在各个生命周期和render函数中,你其他函数的this都是指向window,所以要再函数中使用this的时候一定要使用一定的方法带过去

1.直接bind 的方法,或者在div中使用箭头函数
这两种方法都可以,但是建议少用,因为每次使用都要重新创建一个匿名的函数,会存在一定的性能问题。什么时候必须用呢?
a、绑定在事件中,并且有一定的传参,而且传参不是this,比如我要把当前的步骤传过去,那么你就可以使用this.click.bind(this,3);类似于这样的方式

2、将原函数写成箭头函数的模式,那么他是默认绑定this的,但是不要所有的函数都写成这种形式,因为有些时候你根本不会使用this,也就没有必要浪费这样的绑定。但是这种适合没有传参的情况,因为这样你在调用的时候就没有必要bind(this)了,你就可以直接写成onMouseEnter={this.handerMouseEnter}

3、还是遵循一个原则,就是bind尽量少用

猜你喜欢

转载自blog.csdn.net/abS9879/article/details/82660804
今日推荐