Add temporary display for listing books
This commit is contained in:
parent
324ba1efde
commit
ef96244b8e
|
@ -3,8 +3,17 @@ import React from "react";
|
||||||
import { getAllBooks, SimpleBook } from "../lib/books";
|
import { getAllBooks, SimpleBook } from "../lib/books";
|
||||||
|
|
||||||
export default function Home(props: Props) {
|
export default function Home(props: Props) {
|
||||||
console.log(props.books);
|
return (
|
||||||
return <main>I am a book</main>;
|
<ol>
|
||||||
|
{props.books.map((book, idx) => {
|
||||||
|
return (
|
||||||
|
<li key={`${idx}_${book.isbn}`}>
|
||||||
|
{book.title}; {book.authors}; {book.isbn}
|
||||||
|
</li>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</ol>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
|
Loading…
Reference in New Issue