Saltar al contenido

importar {BrowserRouter, Route, Switch} desde “react-router-dom”; ejemplo de código

Indagamos por distintos sitios para así traerte la solución a tu duda, si tienes alguna pregunta puedes dejarnos tu duda y responderemos con mucho gusto.

Ejemplo 1: 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 2: react-router-dom

npx create-react-app demo-app
cd demo-app

Te mostramos reseñas y valoraciones

¡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 *