Added Browser router
This commit is contained in:
32
src/App.js
32
src/App.js
@@ -1,5 +1,5 @@
|
||||
import React from 'react'
|
||||
import { Route } from 'react-router-dom'
|
||||
import { BrowserRouter, Route } from 'react-router-dom'
|
||||
// import * as BooksAPI from './BooksAPI'
|
||||
import Bookshelf from './Bookshelf'
|
||||
import SearchPage from './SearchPage'
|
||||
@@ -18,21 +18,25 @@ class BooksApp extends React.Component {
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="app">
|
||||
<BrowserRouter>
|
||||
|
||||
<Route exact path='/' render={() => (
|
||||
<Bookshelf />
|
||||
)}/>
|
||||
<div className="app">
|
||||
|
||||
<Route path='/search' render={() => (
|
||||
<SearchPage />
|
||||
)}/>
|
||||
/*
|
||||
<div className="open-search">
|
||||
<a onClick={() => this.setState({ showSearchPage: true })}>Add a book</a>
|
||||
</div>
|
||||
*/
|
||||
</div>
|
||||
<Route exact path='/' render={() => (
|
||||
<Bookshelf />
|
||||
)}/>
|
||||
|
||||
<Route path='/search' render={() => (
|
||||
<SearchPage />
|
||||
)}/>
|
||||
|
||||
<div className="open-search">
|
||||
<a onClick={() => this.setState({ showSearchPage: true })}>Add a book</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</BrowserRouter>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user