|
|
@@ -4,30 +4,13 @@ import { HashRouter, Link, Switch, Route, Redirect } from 'react-router-dom';
|
|
|
import Items from './Items';
|
|
|
import Grocery from './Grocery';
|
|
|
|
|
|
-const Menu = () => {
|
|
|
- return <ul>
|
|
|
- <li><Link to="/">Home</Link></li>
|
|
|
- <li><Link to="/items">Items</Link></li>
|
|
|
- <li><Link to="/grocery">Grocery</Link></li>
|
|
|
- </ul>;
|
|
|
-};
|
|
|
+// à vous d'écrire la déclaration d'un menu de Link
|
|
|
+// et de d'éléments conditionnels Route
|
|
|
+// pour rendre à des routes différentes un accueil, la liste d'Items et
|
|
|
+// la liste de courses
|
|
|
|
|
|
const App = () => {
|
|
|
- return <HashRouter>
|
|
|
- <Menu />
|
|
|
- <Switch>
|
|
|
- <Route exact path="/">
|
|
|
- <h1>Welcome</h1>
|
|
|
- </Route>
|
|
|
- <Route path="/items">
|
|
|
- <Items />
|
|
|
- </Route>
|
|
|
- <Route path="/grocery">
|
|
|
- <Grocery />
|
|
|
- </Route>
|
|
|
- <Redirect to="/" />
|
|
|
- </Switch>
|
|
|
- </HashRouter>;
|
|
|
+ return <h3>Application routée</h3>;
|
|
|
};
|
|
|
|
|
|
export default App;
|