Link and Route components, import and use - KatyaHorton/Udacity-MyReads-PROJECT GitHub Wiki

Link component

Install Link component in both BooksSerach and BooksShelf components:

import { Link } from 'react-router-dom'

Create Link in the render() method in

BooksSearch component:

<Link
  to='/'
  className="close-search">
   Close
</Link>

BooksShelf component:

<Link
 to='/search'
  className="open-search">
   Open
</Link>

Route component

imports Route component to App component:

import { Route } from 'react-router-dom'

Display either BooksShelf or BooksSearch component depending on the path:

      <div className="app">
        <Route exact path='/'
			render={() =>
			(<BooksShelf />	
		)}/>
		 
		<Route path='/search'
			render={() =>
			(<BooksSearch />	
		)}/>
      </div>

⚠️ GitHub.com Fallback ⚠️