Javascript 我没有绑定我的函数'；s"；这"；在构造函数中，但为什么不是'；"；这"；未定义？

我的按钮具有以下onClick功能

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

this.onDismiss（item.objectID）}
type=“按钮”
>

我有一个onDismiss函数，可以过滤列表并更新我的react应用程序。我没有将函数的“this”绑定到它的构造函数。我特意对“this”绑定进行了注释，但应用程序仍然有效。ES6 arrow函数是否自动将函数的“this”绑定到类组件？我不应该变得不明确吗

我的代码沙盒

箭头函数没有自己的

此

。

此

值 使用封闭的词汇范围；箭头功能遵循正常设置 变量查找规则。因此，在搜索

时，此

不是 在当前作用域中，一个箭头函数最终会找到

this

从它的封闭范围

---

这就是为什么不需要将组件的作用域绑定到函数。

您正在使用

this调用函数。

因此其上下文将设置为该上下文中的

this

的任何内容。