我没有在构造函数中绑定函数的“ this”，但是为什么不定义“ this”呢？ [重复]

Question

此问题已经在这里有了答案：

• Are 'Arrow Functions' and 'Functions' equivalent / exchangeable?1个答案

我的按钮具有以下onClick功能

<button
  onClick={() => this.onDismiss(item.objectID)}
  type="button"
>

我有一个onDismiss函数，该函数可以过滤列表并更新我的React应用程序。我没有将函数的“ this”绑定到其构造函数。我特意评论了绑定的“ this”，但该应用程序仍然有效。 ES6箭头功能是否自动将功能的“ this”绑定到类Component？我不应该变得不确定吗？

我的代码和框link

Answer 1

arrow function：

箭头功能没有自己的this。的this值使用封闭的词汇范围；箭头功能遵循正常可变查找规则。因此，在搜索不是当前范围内的箭头功能最终会找到this从其随附的范围。

这就是为什么您不需要将Component的作用域绑定到函数的原因。