# All files / src/chap05 ErrorEventRoot.js

0% Statements 0/7
100% Branches 0/0
0% Functions 0/4
0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

     import { ErrorBoundary } from 'react-error-boundary';
    import ErrorEvent from './ErrorEvent';

    export default function ErrorEventRoot() {
      const handleFallback = ({ error, resetErrorBoundary }) => {
        const handleClick = () => resetErrorBoundary();
        return (
          <div>
            <h4>다음 오류가 발생했다.</h4>
            <p>{error.message}</p>
            <button type="button" onClick={handleClick}>
              Retry
            </button>
          </div>
        );
      };
      const handleReset = () => console.log('Retry!!');
      return (
        <>
          <h3>Error Boundary의 기본</h3>
          <ErrorBoundary
            onReset={handleReset}
            fallbackRender={handleFallback}>
            <ErrorEvent />
          </ErrorBoundary>
        </>
      );
    }