React Router Dom
- #React
Use rotas do React para renderizar em paginas muito mais rápido
Create React App não inclui roteamento de página
É preciso instalar a dependência
Instalação da dependencia
npm i react-router-dom
Para as rotas funcionar deve incluir a tag BrowserRouter antes:
<BrowserRouter>
<ChakraProvider> // do ChakraUi
<Layout> // que foi estilizado
<Routes> // Onde vai iser inserido as Rotas das paginas
<Route path="/" element={<Home />} />
<Route path="/conta" element={<Conta />} />
</Routes>
</Layout>
</ChakraProvider>
</BrowserRouter>
Estrutura da Rota:
<Route path="/" element={<Home />} />
path = endereço da pagina
element = o que vai ser renderizado
nesse exemplo o path é a pagina principal pois está endereçado apenas com uma '/'
e o element vai renderizar o Component Home
*Lembre-se de IMPORTAR os componentes que serão usados na Pagina
Um pouco de FluxoGrama
