为什么我们不需要在React中绑定箭头功能？

Question

我们都知道我们需要在React中绑定函数以使其起作用。我知道为什么我们需要绑定它。

但是我不确定为什么我们不需要绑定箭头功能。

示例：使用箭头功能（无需绑定）

handleClick = () => {
  this.setState({
    isToggleOn: !this.state.isToggleOn
  });

};

现在，使用功能（需要绑定）

this.handleClick = this.handleClick.bind(this);

handleClick() {
  this.setState({
    isToggleOn: !this.state.isToggleOn
  });

};

我不是在问为什么我们需要绑定功能。我只想知道为什么箭头功能不需要绑定。

谢谢。

Answer 1

仅仅因为arrow函数的上下文中没有以下内容：

• 这个
• 论点
• 超
• 新目标

所以，当你引用此箭头功能里面把 此 作为其他任何变量，看其在其范围内声明第一，它不能找到它，所以它搜索上的范围也就是 这
指的是反应组件类是什么是必需的，因此我们不需要 将此this 绑定到类。