Investigamos en todo el mundo on line para tener para ti la solución a tu dilema, en caso de dudas déjanos tu inquietud y contestamos con mucho gusto, porque estamos para ayudarte.
Ejemplo 1: npm react router dom
$ npm install --save react-router-dom
Ejemplo 2: importar reaccionar enrutador
import React from "react";
import
BrowserRouter as Router,
Switch,
Route,
Link
from "react-router-dom";
export default function App()
return (
<Router><div><nav><ul><li><Linkto="/">HomeLink>li><li><Linkto="/about">AboutLink>li><li><Linkto="/users">UsersLink>li>ul>nav>
/* A <Switch> looks through its children <Route>s and
renders the first one that matches the current URL. */
<Switch><Routepath="/about"><About/>Route><Routepath="/users"><Users/>Route><Routepath="/"><Home/>Route>Switch>div>Router>
);
function Home()
return <h2>Homeh2>;
function About()
return <h2>Abouth2>;
function Users()
return <h2>Usersh2>;
Ejemplo 3: importar react dom
import ReactDOM from 'react-dom';
Ejemplo 4: importar react-router-dom
import React from "react";
import
BrowserRouter as Router,
Switch,
Route,
Link
from "react-router-dom";
export default function App()
return (
<Router><div><nav><ul><li><Linkto="/">HomeLink>li><li><Linkto="/about">AboutLink>li><li><Linkto="/users">UsersLink>li>ul>nav>
/* A <Switch> looks through its children <Route>s and
renders the first one that matches the current URL. */
<Switch><Routepath="/about"><About/>Route><Routepath="/users"><Users/>Route><Routepath="/"><Home/>Route>Switch>div>Router>
);
function Home()
return <h2>Homeh2>;
function About()
return <h2>Abouth2>;
function Users()
return <h2>Usersh2>;
Ejemplo 5: react-router react-router-dom
npm install react-router-dom
Ejemplo 6: npm react router dom
<scriptsrc="https://unpkg.com/react-router-dom/umd/react-router-dom.min.js">script>
Comentarios y puntuaciones de la guía
Si estás contento con lo expuesto, eres capaz de dejar un escrito acerca de qué te ha gustado de esta reseña.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)