App.js 642 B

123456789101112131415161718192021222324252627282930313233
  1. import React from 'react';
  2. import { HashRouter, Link, Switch, Route, Redirect } from 'react-router-dom';
  3. import Items from './Items';
  4. import Grocery from './Grocery';
  5. const Menu = () => {
  6. return <ul>
  7. <li><Link to="/">Home</Link></li>
  8. <li><Link to="/items">Items</Link></li>
  9. <li><Link to="/grocery">Grocery</Link></li>
  10. </ul>;
  11. };
  12. const App = () => {
  13. return <HashRouter>
  14. <Menu />
  15. <Switch>
  16. <Route exact path="/">
  17. <h1>Welcome</h1>
  18. </Route>
  19. <Route path="/items">
  20. <Items />
  21. </Route>
  22. <Route path="/grocery">
  23. <Grocery />
  24. </Route>
  25. <Redirect to="/" />
  26. </Switch>
  27. </HashRouter>;
  28. };
  29. export default App;