工具癖web开发

react 学习(三) - this指向

2018-09-18  本文已影响39人  1994陈

通过API实现,this不会丢失。
如果用组合方式创建es6的类,继承了Component,this会丢失。如此,我们需要修正this的指向,以下操作皆为修正this指向,会有三种方法。如果有更好的方法推荐,可以在留言区告知共同学习!

  1. bind
    this在render函数里指向是对的,但是在方法被调用的时候this会丢失,所以在方法中调用bind来更改this指向,实例如下:


    image.png

2.()=>{} : 通过匿名函数箭头函数改变this指向


image.png

3.构造器:一个类最先运行的是构造器,在构造器中this是绝对正确的,构造器的权重比较高,


image.png
上一篇下一篇

猜你喜欢

热点阅读