1
resposta

Problema ao usar Switch

Pessoal tudo bom? Estava vendo o vídeo de rotas e me deparei com um problema, o método de Switch não estava funcionando. Dei uma pesquisada e vi que a versão atual 6 não esta suportando mais ela.

Mostrado no vídeo

return (
    <Router>
      <Switch>
        <Route path='/' exact>
          <Home />
        </Route>
        <Route path='/sobre'>
          <Sobre />
        </Route>
      </Switch>
    </Router>
  )
}

Dicas de solução.

Instalar a versão 5 de react-router-dom

npm install react-router-dom@5

ou usar a nova versão

return (
  <Router>
    <Routes>
      <Route path='/' element={<Home />} />
      <Route path='/sobre' element={<Sobre />} />
    </Routes>
  </Router>
)

Espero que isso ajude quem tiver o mesmo problema.

1 resposta

Oi Jonathan!

Muito obrigado por apresentar uma solução e tenho certeza que isso ajudará outros alunos!

Parabéns por ter procurado a documentação. Esse é o primeiro passo que devemos fazer quando algo de uma biblioteca não está funcionando como o esperado!

Espero ter ajudado! Qualquer outra dúvida pode postar aqui :)