"2019-03-11 回答 错误边界是 React 捕获子组件树中所有 JavaScript 错误的组件,他可以记录这些错误,并将错误显示在 UI 上来替代组件树的崩溃。 如果类组件定义了一个名为 componentDidCatch 的新生命周期方法,那么他将成为错误边界。 class ErrorBoundary ex .."

什么是 React 中的错误边界?

2019-03-11

回答

错误边界是 React 捕获子组件树中所有 JavaScript 错误的组件,他可以记录这些错误,并将错误显示在 UI 上来替代组件树的崩溃。

如果类组件定义了一个名为 componentDidCatch 的新生命周期方法,那么他将成为错误边界。

class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props)
    this.state = { hasError: false }
  }

  componentDidCatch(error, info) {
    // Display fallback UI
    this.setState({ hasError: true })
    // You can also log the error to an error reporting service
    logErrorToMyService(error, info)
  }

  render() {
    if (this.state.hasError) {
      // You can render any custom fallback UI
      return <h1>Something went wrong.</h1>
    }
    return this.props.children
  }
}

加分回答

返回总目录

30 秒面试系列一

感谢    关注    收藏    赞同    反对    举报    分享
回帖    
请输入回帖内容...