Additional searc functionality

src/App.js

@@ -11,7 +11,8 @@ class BooksApp extends React.Component {
   constructor() {
     super();
     this.state = {
-      books: []
+      books: [],
+      results: []
     }
   };
 
@@ -35,10 +36,11 @@ class BooksApp extends React.Component {
 
   onSearch = (query) => {
     if (query.length > 3) {
-      search(query).then((result) =>
+      search(query).then((results) => {
-      console.log(result))
+        this.setState({ results })
-    }
+    })
   }
+}
 
   render() {
     return (
@@ -55,6 +57,7 @@ class BooksApp extends React.Component {
 
             <Route path='/search' render={() => (
               <SearchPage
+                results={this.state.results}
                 onSearch={this.onSearch}
               />
             )}/>

src/SearchPage.js

@@ -6,6 +6,8 @@ class SearchPage extends Component {
   render() {
 
     const onSearch = this.props.onSearch
+    const results = this.props.results
+    console.log("RESULT ", results[0])
 
     return (
       <div className="search-books">
@@ -20,7 +22,10 @@ class SearchPage extends Component {
           </div>
         </div>
         <div className="search-books-results">
-          <ol className="books-grid"></ol>
+          <ol className="books-grid">
+
+
+          </ol>
         </div>
       </div>
     )