# All files / src/chap08 BookPage.js

0% Statements 0/4
0% Branches 0/3
0% Functions 0/1
0% Lines 0/4

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
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63

     // import { useParams } from 'react-router-dom';

    // export default function BookPage() {
    //   // 경로 매개변수 가져오기
    //   const params = useParams();
    //   return <p>ISBN 코드 {params.isbn}의 페이지입니다.</p>;
    // }

    // Code 8-3-6
    // import { useParams } from 'react-router-dom';

    // export default function BookPage() {
    //   // 경로 매개변수 가져오기
    //   const { isbn = '979-1-1583-9517-9' } = useParams();
    //   return <p>ISBN 코드 {isbn}의 페이지입니다. </p>;
    // }

    // Code 8-3-26
    // import { useParams } from 'react-router-dom';
    // import MyHeader from './MyHeader';
    // import books from '../chap07/books';

    // export default function BookPage() {
    //   // 경로 매개변수 가져오기
    //   const { isbn = '9791158395179' } = useParams();
    //   const { title, summary } = books.find(b => isbn === b.isbn);

    //   return (
    //     <>
    //     <MyHeader title={title} keywords={title}
    //       description={summary} />
    //     <p>ISBN 코드 {isbn}의 페이지입니다. </p>
    //     </>
    //   );
    // }

    // Code 8-4-1
    import { useParams } from 'react-router-dom';

    export default function BookPage() {
      const { isbn = '979-1-1583-9517-9' } = useParams();
      // ISBN 코드의 형식을 따르지 않으면 오류
      if (!/979-1-[0-9]{2,7}-[0-9]{2,7}-[0-9X]/.test(isbn)) {
        throw new RangeError('ISBN is invalid!!');
      }

      return (<p>ISBN 코드 {isbn}의 페이지입니다.</p>);
    }

    //   // 例外をスローする
    //   //
    //   // if (!/978-4-[0-9]{2,7}-[0-9]{2,7}-[0-9X]/.test(isbn)) {
    //   //   throw new RangeError('ISBN is invalid!!');
    //   // }
    //   // return <p>ISBNコード「{isbn}」のページです。</p>;
    // }