componentDidCatch（）是否从绑定到组件的诺言或事件处理程序中捕获错误

Question

在React 16上，假设我有一个类似

class Profile extends React.Component {
  onClick = () => {
      throw new Error("Oh nooo!");
    });
  };

  componentDidCatch(error, info) {
     alert(error)
  }
  render() {
    return (
      <div onClick={this.onClick}>
        Name: {this.props.user.name}
      </div>
  );
}

}

然后在构造函数中执行this.onClick = this.onClick.bind(this) 。 错误会在componentDidCatch()捕获吗？

Answer 1

现在，它仅捕获树中它们下面的组件中的错误。

请参阅： React 16中的错误处理