react 学习(三) - this指向

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

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


    image.png

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


image.png

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


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 12,709评论 1 33
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 8,041评论 2 9
  • 钱,可能是最热的词了,可能是大家最关注的东西之一。钱不是万能的,没有钱,对于绝大多数人(我本人也在此之列),是万万...
    精英读书会sq阅读 3,424评论 0 50
  • 今天出去剪头发,本来吧想来个洗剪吹,一个戴着口罩很帅,不戴还OK的帅哥帮我洗头。刚洗完,帅哥拿按摩棒帮我按了一下摩...
    芬爷杂谈阅读 1,405评论 0 0
  • 开发中避免不了编辑文字,Android系统以为我们提供了软键盘。世界开发中对于系统的软键盘我们总想改点东西。今天就...
    mouekz阅读 5,587评论 0 2

友情链接更多精彩内容