/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

1 vote219 views1 answer
How to know react and react-native version
Javascript React
0 vote203 views1 answer
How to link a photo in expo react native
Javascript React
0 vote218 views1 answer
React break out of useeffect
Javascript React
0 vote219 views2 answers
React date picker disable past dates
Javascript React
41 votes191 views4 answers
On click copy to clipboard react
Javascript React
6 votes222 views1 answer
What is key in react
Javascript React
0 vote297 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
3 votes217 views1 answer
Latest react version npm
Javascript React
6 votes212 views2 answers
Hr react
Javascript React
0 vote212 views1 answer
Option component in react js errors
Javascript React