Book Search with Hooks

bookHook.js

import React, { useState, useEffect } from 'react';

const BookSearch = (props) => {

  // Set Book List state variable with State Hook
  const [bookList, setBookList] = useState([])

  useEffect(() => {
    fetch('https://www.googleapis.com/books/v1/volumes?q=react+JS+hooks')
    .then(response => response.json())
    .then((searchResults) => {
        //Set book list in state to list of search result items
        setBookList(searchResults.items)
      })
    })

  return (
    <div>
    {/*Map out an unordered list of each search result's title*/}
      <ul>
        {bookList.map((book) => {
          return <li>{book.volumeInfo.title}</li>
        })}
      </ul>
    </div>
  );
}

export default BookSearch;