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 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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user