Compare commits
10 Commits
main
...
j285he-pla
Author | SHA1 | Date |
---|---|---|
Jared He | f62b1d8e9d | |
Jared He | 9b5532469f | |
Jared He | 07813f7f10 | |
Jared He | f1994b2f5d | |
Jared He | 0414c01776 | |
Jared He | 955c906f4e | |
Jared He | 0028372789 | |
Jared He | a2f84d7140 | |
Jared He | 5587b88cf1 | |
Jared He | bd9f8c9a60 |
|
@ -0,0 +1,11 @@
|
|||
import React from "react";
|
||||
|
||||
import { DetailedBook } from "../lib/books";
|
||||
|
||||
export default function Detail(props: Props) {
|
||||
return <p>{props.book.title}</p>;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
book: DetailedBook;
|
||||
}
|
|
@ -0,0 +1,21 @@
|
|||
import React from "react";
|
||||
|
||||
import { SimpleBook } from "../lib/books";
|
||||
|
||||
export default function List(props: Props) {
|
||||
return (
|
||||
<ul>
|
||||
{props.books.map((book, idx) => {
|
||||
return (
|
||||
<li key={`${idx}_${book.id}`}>
|
||||
{book.id}; {book.title}; {book.authors}; {book.isbn}
|
||||
</li>
|
||||
);
|
||||
})}
|
||||
</ul>
|
||||
);
|
||||
}
|
||||
|
||||
interface Props {
|
||||
books: SimpleBook[];
|
||||
}
|
|
@ -1,34 +1,5 @@
|
|||
import React from "react";
|
||||
|
||||
import { getBook, getAllBooks, DetailedBook, SimpleBook } from "../lib/books";
|
||||
|
||||
export default function Home(props: Props) {
|
||||
return (
|
||||
<div>
|
||||
<ul>
|
||||
{props.books.map((book, idx) => {
|
||||
return (
|
||||
<li key={`${idx}_${book.id}`}>
|
||||
{book.id}; {book.title}; {book.authors}; {book.isbn}
|
||||
</li>
|
||||
);
|
||||
})}
|
||||
</ul>
|
||||
<p>{props.book.title}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
interface Props {
|
||||
book: DetailedBook;
|
||||
books: SimpleBook[];
|
||||
}
|
||||
|
||||
export async function getServerSideProps() {
|
||||
return {
|
||||
props: {
|
||||
book: await getBook(44),
|
||||
books: await getAllBooks(),
|
||||
},
|
||||
};
|
||||
export default function Home() {
|
||||
return <div></div>;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,32 @@
|
|||
import React from "react";
|
||||
|
||||
import Detail from "../components/Detail";
|
||||
import List from "../components/List";
|
||||
import { DetailedBook, SimpleBook, getBook, getAllBooks } from "../lib/books";
|
||||
|
||||
export default function Playground(props: Props) {
|
||||
return (
|
||||
<div>
|
||||
<h1>Detail</h1>
|
||||
<hr />
|
||||
<Detail book={props.book} />
|
||||
<h1>List</h1>
|
||||
<hr />
|
||||
<List books={props.books} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export async function getServerSideProps() {
|
||||
return {
|
||||
props: {
|
||||
book: await getBook(44),
|
||||
books: await getAllBooks(),
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
interface Props {
|
||||
book: DetailedBook;
|
||||
books: SimpleBook[];
|
||||
}
|
Loading…
Reference in New Issue