feat(ui): add React Router HashRouter around TodoList component

redis-developer · Feb 23, 2021 · bcc71ea · bcc71ea
1 parent 49e9003
commit bcc71ea
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/main/webapp/src/app.js b/src/main/webapp/src/app.js
@@ -6,6 +6,7 @@ import TodoList from './components/todo_list';
 import Footer from './components/footer';
 
 import { TodosContextProvider } from "./context/todos_context";
+import { HashRouter as Router, Route } from "react-router-dom";
 
 ReactDOM.render(
   <TodosContextProvider>
@@ -14,7 +15,9 @@ ReactDOM.render(
         <h1>todos</h1>
         <TodoForm />
       </header>
-      <TodoList />
+      <Router>
+        <Route path="/:filter?" component={TodoList} />
+      </Router>
     </section>
     <Footer />
   </TodosContextProvider>,