Pierre Kraemer 5 years ago
parent
commit
a1ded35dc4
1 changed files with 5 additions and 22 deletions
  1. 5 22
      React/correction_tp4/App.js

+ 5 - 22
React/correction_tp4/App.js

@@ -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;