library/components/List.tsx

22 lines
398 B
TypeScript

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[];
}