0.0.2 • Published 12 months ago
reactsize_j v0.0.2
Reactsize
Este es un paquete de pruebas de despliegue en NPM
Jhoan Jimenez
Navbar Reactsize
yarn add reactsize_j
yarn add react-router-dom
import { ListNavbar, Navbar, LogoNavbar } from 'reactsize_j';
export const rutas = [
{
route: '/inicio',
name: 'Inicio'
},
{
route: '/nosotros',
name: 'Nosotros'
},
{
route: '/servicios',
name: 'Servicios'
},
{
route: '/contacto',
name: 'Contacto'
},
]
<BrowserRouter>
<Navbar>
<LogoNavbar/>
<ListNavbar rutas={rutas}/>
</Navbar>
<Routes>
{
rutas.map( (ruta: Rutas) => (
<Route key={ruta.route} path={ruta.route} element={ <>{ruta.name}</> }/>
))
}
<Route path="/*" element={ <Navigate to={rutas[0].route} replace/> } />
</Routes>
</BrowserRouter>