Saltar al contenido

ejemplo de código de importación react-router-dom

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *