reactjs - Chrome DevTools 不支持公共类字段的断点（第 3 阶段）？

Question

我遵循React Docs 中的教程：处理事件，并使用公共类字段语法（在第 3 阶段，默认情况下在 Create React App 中启用）来解决context this问题。

但我发现，当我在 Source 窗格中设置断点时，this仍然未定义：

登录this控制台还在undefined，

但是代码中的日志可以输出正确的上下文：

我很好奇为什么？

我的代码：

class App extends Component {
  handleClick = () => {
    console.log(this);
  }

  render() {
    return (
      <div className="App">
        <button onClick={this.handleClick}>Click</button>
      </div>
    );
  }
}

export default App;

npm 版本：6.1.0

节点版本：10.6.0

创建反应应用程序版本：1.5.2

标签： reactjsgoogle-chrome-devtoolsecmascript-next