Book Search Class

bookClass.js

import React, { Component } from 'react';

class BookSearch extends Component {
//Empty list initializing state
  state = {
    bookList: []
  }

// Perform external fetch after mounting component
  componentDidMount() {
    fetch('https://www.googleapis.com/books/v1/volumes?q=react+JS+hooks')
    .then(response => response.json())
    .then((searchResults) => {
      this.setState({
        //Set book list in state to list of search result items
        bookList: searchResults.items
      })
    })
  }

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

}

export default BookSearch;