BrowserRouter BrowserRouter: Contêiner de Roteamento

Última atualização: 2026-11-03

BrowserRouter BrowserRouter: Contêiner de Roteamento

O BrowserRouter é o contêiner de roteamento do react-router-dom: ele observa o endereço e fornece a localização atual para toda a árvore de componentes por meio de context. Ele deve envolver a camada mais externa do app para que Routes, Route, Link e as outras APIs de roteamento tenham um roteador com quem conversar. Toda navegação passa a ser um push no histórico em vez de um recarregamento completo da página, o que dá à single-page app a sensação de instantânea para o usuário.

ℹ️ Informação O editor transpila JSX para JavaScript e renderiza a UI real na sandbox; os componentes são montados automaticamente — sem render manual.

📝 Sintaxe

import { BrowserRouter, Routes, Route } from 'react-router-dom'

createRoot(document.getElementById('root')).render(
  <BrowserRouter>            {/* listens to the History API and provides the location context */}
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<About />} />
    </Routes>
  </BrowserRouter>
)

⚙️ Parâmetros

Retorna：Nada (é um componente). Ele renderiza children e transmite a localização atual e os métodos de navegação para toda a subárvore.

▶ Exemplo

O exemplo roda direto: renderiza automaticamente ao expandir e edições valem na hora.

Saída：

Clicar em um botão de navegação troca a página e o caminho atual é envolvido por colchetes — exatamente o que o BrowserRouter faz internamente: o caminho muda, o contexto é atualizado e o Route correspondente é renderizado (demonstração simulada).

💡 Pontos-chave

🏷️ Mais Roteamento e Estado

💡 Casos Relacionados

📚 Tutoriais Relacionados

❓ Perguntas Frequentes

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

Sobre Nós