探索 React 应用

1import Books, { Book } from "components/Books";
2
3const books: Book[] = [
4  {
5    id: "1",
6    title: "阿波罗手册",
7  },
8];
9
10function App() {
11  return (
12    <Books books={books} />
13  );
14}
15
16export default App;

1export type Book = {
2  id: string;
3  title: string;
4};
5
6function Books({ books }: { books: Book[] }) {
7  return (
8    <ul>
9      {books.map((book) => (
10        <li key={book.id}>{book.title}</li>
11      ))}
12    </ul>
13  );
14}
15
16export default Books;

一个简单的 React 应用