More verbose error reporting (Thanks to Joshua) for Bookmark app fetch

AddBookmark-handleSubmit-snippet.js

handleSubmit(e) {
    e.preventDefault();
    const bookmark = (({title, url, description, rating}) => ({title, url, description, rating}))(this.state);
    const url ='https://tf-ed-bookmarks-api.herokuapp.com/v3/bookmarks';
    const options = {
      method: 'POST',
      body: JSON.stringify(bookmark),
      headers: {
        "Content-Type": "application/json",
        "Authorization": "Bearer $2a$10$GJK5LhmFVC5ds9wFSucW4.VbHv8ktw1fv7cctl730JqNUbroOItKq"
      }
    };

    fetch(url, options)
      .then(res => {
        if(!res.ok) {
          return res.json().then(data => {
            console.log(`addBookmark: received ${res.status} ${res.statustext} response: `, data.message);
            throw new Error('addBookmark: Something went wrong: ' + data.message);
          })
        }
        return res.json();
      })
      .then(data => {
        this.setState({
          title: "",
          url: "",
          description: "",
          rating: 1
        });
        this.props.handleAdd(bookmark);
      })
      .catch(err => {
        console.log('addBookmark: caught error:', err);
        this.setState({
          error: err.message
        });
      });
  }