Passed state to bookshelf component

src/App.js

@@ -14,7 +14,7 @@ class BooksApp extends React.Component {
 
   componentDidMount() {
     getAll().then((books) => {
-      console.log(books)
+    //  console.log(books)
       this.setState({ books })
     })
   }
@@ -26,7 +26,7 @@ class BooksApp extends React.Component {
         <div className="app">
 
             <Route exact path='/' render={() => (
-              <Bookshelf />
+              <Bookshelf state={this.state.books}/>
             )}/>
 
             <Route path='/search' render={() => (

src/Bookshelf.js

@@ -1,7 +1,9 @@
 import React, { Component } from 'react';
 
 class Bookshelf extends Component {
+
   render() {
+    console.log('PROPS', this.props)
     return (
       <div className="list-books">
         <div className="list-books-title">