reactjs - 为什么React中我们不需要绑定(bind)箭头函数？

Question

我们都知道，我们需要在 React 中绑定(bind)函数才能使其工作。我确实知道为什么我们需要绑定(bind)它。

但我不确定为什么我们不需要绑定(bind)箭头函数。

示例:使用箭头功能(无需绑定(bind))

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

};

现在，使用函数(需要绑定(bind))

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

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

};

我不是问为什么我们需要在函数中绑定(bind)。我只是想知道为什么箭头函数不需要绑定(bind)。

谢谢。

Answer 1

仅仅因为箭头函数在其上下文中没有以下内容:

• 这个
• 参数
• super
• 新目标

因此，当您在箭头函数内引用 this 时，它会将 this 视为任何其他变量，并首先在其作用域中查找其声明，但找不到它，因此它会搜索上部作用域，即this 指的是 react 组件类，这是必需的，因此我们不需要将 this 绑定(bind)到该类。