react this 绑定问题

讲this的文章:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

需要向一个组件里传函数

函数是这个

在函数里,获取不到refs,报找不到的错误


解决:

1.函数绑定this


为什么:

未绑定之前函数中的this指向函数本身,bind会将函数中的this指向第一个参数

2.使用箭头函数


为什么:

在箭头函数出现之前,每一个新函数根据它是被如何调用的来定义这个函数的this值:

如果是该函数是一个构造函数,this指针指向一个新的对象

在严格模式下的函数调用下,this指向undefined

如果是该函数是一个对象的方法,则它的this指针指向这个对象

箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容