javascript - 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 中的错误处理