Creo que el problema está en el switch, en la versión de react-router-dom o en las rutas. Solo cuando creé y apliqué el código en esta clase, la pantalla comenzó a no mostrarse y permanece en blanco. Ya cambié la versión de react-router-dom pero no se que puede ser. Debajo del código de route.js:
//react-router-dom version: "^5.3.0" import {BrowserRouter, Route, Switch} from 'react-router-dom'; import Home from './pages/Home'; import Header from './components/Header'; const Routes = () => { return( <BrowserRouter> <Header/> <Switch> <Route exact path="/" component={Home}/> </Switch> </BrowserRouter> ) } export default Routes;React Router v6 introduce algunos cambios como.
Componente de rutas que es como Switch, pero mucho más potente.
La ruta aún existe, pero no pasa un puntero a esa función de componente o como un componente secundario. En su lugar, pasa el elemento JSX al accesorio del elemento y el elemento exacto ya no existe, ahora siempre busca coincidencias exactas.
Entonces, componente={Inicio} se convertiría en elemento={<Inicio />}
Algo como esto
<Routes> <Route path="/" element={<Home />} /> <Route path="about" element={<About />} /> </Routes>Puede profundizar en esta guía de migración: https://reactrouter.com/docs/en/v6/upgrading/v5
espero que te ayude