Crear página de Not Found

Dentro de Routes, creamos un componente Route con el path "*". Enlazamos una página para mostrar el not found cuando una ruta no esté definida.

<HashRouter>
	<Menu />
	
	<Routes>
		<Route path="/" element={<HomePage />} />
		<Route path="/blog" element={<BlogPage />} />
		<Route path="/profile" element={<ProfilePage />} />
		**<Route path="*" element={<p>Not found</p>} />**
	</Routes>
</HashRouter>

<aside> 💡 Es importante que los componentes como menu esten dentro del componente HashRouter

</aside>

Archivos de la Clase

Route: componentes de navegación

https://github.com/FROSTYLAN/router-example/commit/273dfa4f5d5a022a49db2c6ddbcc9ee373d81aa6

Lecturas Recomendadas

GitHub - platzi/curso-react-router-proyecto1 at componentes-navegacion

BrowserRouter vs. HashRouter