Added Browser router

This commit is contained in:
Ken Jannette
2018-04-16 19:09:22 -04:00
parent 96d4360825
commit 5103aa0fa8

View File

@@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import { Route } from 'react-router-dom' import { BrowserRouter, Route } from 'react-router-dom'
// import * as BooksAPI from './BooksAPI' // import * as BooksAPI from './BooksAPI'
import Bookshelf from './Bookshelf' import Bookshelf from './Bookshelf'
import SearchPage from './SearchPage' import SearchPage from './SearchPage'
@@ -18,21 +18,25 @@ class BooksApp extends React.Component {
render() { render() {
return ( return (
<div className="app"> <BrowserRouter>
<Route exact path='/' render={() => ( <div className="app">
<Bookshelf />
)}/>
<Route path='/search' render={() => ( <Route exact path='/' render={() => (
<SearchPage /> <Bookshelf />
)}/> )}/>
/*
<div className="open-search"> <Route path='/search' render={() => (
<a onClick={() => this.setState({ showSearchPage: true })}>Add a book</a> <SearchPage />
</div> )}/>
*/
</div> <div className="open-search">
<a onClick={() => this.setState({ showSearchPage: true })}>Add a book</a>
</div>
</div>
</BrowserRouter>
) )
} }
} }