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

⚠️ **GitHub.com Fallback** ⚠️