Additional searc functionality

This commit is contained in:
Ken Jannette
2018-04-19 16:38:47 -04:00
parent 074e002e7d
commit 3aa3ec38b0
2 changed files with 13 additions and 5 deletions

View File

@@ -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) =>
console.log(result))
}
search(query).then((results) => {
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}
/>
)}/>