0
215
Vistas¿Por qué la nueva sintaxis de 'Rutas' en React-router-dom no funciona en mi código?
Aprendí que después de los paquetes de reacción recién lanzados, la etiqueta en react-router-dom no vuelve a funcionar, así que cambié a "Rutas" después de un par de investigaciones en línea, pero aún así, no funciona. A continuación se muestra una captura de pantalla de mi PC.
tambien este es el codigo
import React from 'react'; import Navbar from './components/Navbar' import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'; import './App.css'; import Home from './components/pages/Home'; import Services from './components/pages/Services'; import Products from './components/pages/Products'; import SignUp from './components/pages/SignUp'; function App(){ return ( <> <Router> <Navbar /> <Routes> <Route exact path="/" component={Home} /> <Route path="/services" component={Services} /> <Route path="/products" component={Products} /> <Route path="/sign-up" component={SignUp} /> </Routes> </Router> </> ); } export default App; //<HeroSection /> //import HeroSection from './components/HeroSection';
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
En la nueva versión de react-router-dom esto debería funcionar. Revisalo.
<Routes> <Route path="/" element={<Home />} /> <Route path="/services" element={<Services />} /> <Route path="/products" element={<Products />} /> <Route path="/sign-up" element={<SignUp />} /> </Routes>Pegue su error por favor. Habría otro problema
·
Juan Pablo Isaza
Denunciar
Responde la pregunta