taller-web/taller5/frontend/src/App.js

29 lines
813 B
JavaScript

import { BrowserRouter as Router, NavLink, Routes, Route, Navigate } from 'react-router-dom';
import './App.css';
import IntegrantesComponent from './views/IntegrantesComponent';
import RegistroAutosComponent from './views/form/RegistroAutosComponent';
function App() {
function Navbar() {
return (
<div className="topnav">
<NavLink to="/integrantes">Integrantes</NavLink>
<NavLink to="/autos">Registro de Autos</NavLink>
</div>
);
}
return (
<Router>
<Navbar />
<Routes>
<Route exact path="/" element={<Navigate replace to="/integrantes" />} />
<Route path="/integrantes" element={<IntegrantesComponent />} />
<Route path="/autos" element={<RegistroAutosComponent />} />
</Routes>
</Router>
);
}
export default App;