Estoy enfrentando un problema. Estoy tratando de usar React Router pero sigue mostrándome una página en blanco. Aquí está mi código:
Aplicación.js:
import React from "react"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import HomePage from "./HomePage"; function App() { return ( <Router> <Routes> <Route path="/" element={<HomePage />} /> </Routes> </Router> ); }; export default App;Página de inicio.js:
import React from "react"; import {withRouter} from "react-router-dom" const HomePage = () => { return <div>hi</div> } export default HomePage;índice.js:
import React from "react"; import ReactDom from "react-dom"; import App from './App'; ReactDom.render(<App/>, document.getElementById("root"))He instalado "React Router V6", ¿alguien puede decirme cuál es el problema? Gracias por todos los ayudantes.
Bajé la versión del paquete react-router-dom a ^5... Y funcionó para mí.
Nota: Rutas no es un método de esta versión
A mi me paso exactamente lo mismo un par de veces. Mi código es exactamente similar al tuyo. Abra el archivo package.json en la carpeta de su proyecto y asegúrese de haber instalado react-router-dom en la carpeta del proyecto real y no en su carpeta principal.
usar
import { Route, HashRouter as Router, Routes } from "react-router-dom"; <Router> <Routes> <Route exact path="/" element={<Main />} /> <Route path="/download" element={<Download />} /> </Routes> </Router>