書籍検索フォームの作成

[ryota1116]

https://user-images.githubusercontent.com/60560627/158216638-9f6dfdd1-99ec-418c-be4a-4bfd496177f9.mov

[ryota1116]

Material UI

• styled()
• 以下のformとinputをMaterial UIでいい感じに作る

  <form
      onSubmit={async (e) => {
      e.preventDefault();
      const books: Book[] = await getBooks(keyword);
      // getBooks(keyword)の結果が返ってくるまで、実行されない。
      setBooks(books);
      }}
  >
      <input
      type="text"
      name="search"
      onChange={(e) => setKeyword(e.target.value) }
      />
      <button type='submit'>検索する</button>
  </form>