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尽量少用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值