# All files / src/chap08 AboutPage.js

0% Statements 0/4
100% Branches 0/0
0% Functions 0/2
0% Lines 0/3

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

     // export default function AboutPage() {
    //   return (
    //     <>
    //       <p>About 페이지입니다.</p>
    //     </>
    //   );
    // }

    // Code 8-2-15
    import { useNavigate } from 'react-router-dom';

    export default function AboutPage() {
      // navigate 함수 가져오기
      const navigate = useNavigate();
      // 홈페이지로 이동
      const handleClick = () => navigate('/');

      return (
        <>
          <p>About 페이지입니다.</p>
          <button type="button" onClick={handleClick}>
            홈으로 이동</button>
        </>
      );
    }