Rutas en Create React App | Pedro Lara
Pedro Lara
React nos ofrece una librería para implementar rutas en una aplicación. Esta librería se llama
"react-router-dom"
Para tratabar con rutas debemos importar varios elementos desde react-router-dom:
Router,
Route,
Routes (este nuevo desde la versión v6 de Router),
Link (opcional, pues también podemos usar history)
Veamos un ejemplo de como renderizar un determinado texto a partir de la ruta colocada en el navegador:
import React from 'react'
import {Browser as Router, Route, Switch } from 'react-router-dom'
export default function AppRouter(){
return(
<Router>
<Switch>
<Route path='/'>
<h2>Home</h2>
</Route>
<Route path='/'about>
<h2>About</h2>
</Route>
<Route path='/'details>
<h2>Detalles</h2>
</Route> </Switch>
</Router>
)
}
Suscribirse a:
Enviar comentarios
(
Atom
)
No hay comentarios :
Publicar un comentario