All files / src/chap08 BookPage.js

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>;
// }