/Javascript/React/React catch error in component

React catch error in component

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;
  }
}

Source: reactjs.org

Similar codes

0 vote328 views1 answer
React yup password with number string and uppercase
Javascript React
1 vote139 views3 answers
How to make sticky footer with react router
Javascript React
0 vote167 views1 answer
How disabled react-select
Javascript React
0 vote142 views1 answer
Jsx tag with children react js
Javascript React
-2 votes134 views2 answers
Import link react
Javascript React
0 vote168 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote139 views1 answer
React hook form submit outside form
Javascript React
3 votes132 views2 answers
React api call
Javascript React
0 vote208 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote165 views1 answer
React-native firebase v9+ config
Javascript React