React Router - Mllara/react-project GitHub Wiki
-O React Router é um pacote para mudança de URLs da aplicação;
-Podemos assim acessar outras views, sem o page reload;
-Trocando apenas uma parte do layout da aplicação, ou seja, o que muda de view para view;
-Precisamos instalar este pacote no projeto;
-E também realizar algumas mudanças em como o App é estruturado
Router = pagina da aplicação
Switch, vc declara as rotas que serão as páginas
In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from
import { Switch, Route } from "react-router-dom"; to
import { Routes ,Route } from 'react-router-dom';
Na pasta App.js:
import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom'
import Home from './pages/Home'
import Empresa from './pages/Empresa'
import Contato from './pages/Contato'
import Navbar from'./Components/layout/Navbar'
import Footer from './Components/layout/Footer'
function App() {
return (
<Router>
<Navbar/>
<Routes>
<Route exact path="/" element={<Home/>}>
</Route>
<Route path="/" element={<Empresa/>}/>
<Route path='/' element={<Contato/>}/>
</Routes>
<Footer/>
</Router>
)
}
export default App;
Para baixar a biblioteca:
npm install react-router-dom