Total Complexity | 4 |
Complexity/F | 1.33 |
Lines of Code | 28 |
Function Count | 3 |
Duplicated Lines | 0 |
Ratio | 0 % |
Changes | 0 |
1 | import React, { Component } from 'react' |
||
2 | |||
3 | export default class ErrorBoundary extends Component { |
||
4 | constructor(props) { |
||
5 | super(props) |
||
6 | this.state = { hasError: false } |
||
7 | } |
||
8 | |||
9 | static getDerivedStateFromError() { |
||
10 | return { hasError: true } |
||
11 | } |
||
12 | |||
13 | componentDidCatch(error, errorInfo) { |
||
14 | // eslint-disable-next-line no-console |
||
15 | console.log(error, errorInfo) |
||
16 | } |
||
17 | |||
18 | render() { |
||
19 | // eslint-disable-next-line react/destructuring-assignment |
||
20 | if (this.state.hasError) { |
||
21 | return <h1>Something went wrong.</h1> |
||
22 | } |
||
23 | |||
24 | // eslint-disable-next-line react/destructuring-assignment, react/prop-types |
||
25 | return this.props.children |
||
26 | } |
||
27 | } |
||
28 |