4
votos
Aceito
Por que a minha rota no React fica com /#/?
Porque você está utilizando o HashRouter, que utiliza location.hash para determinar a página que o usuário verá. Essa parte da URL chama-se hash.
Você pode utilizar o BrowserRouter para ter um path &...
3
votos
Aceito
Ao usar history.push() meu componente não renderiza, é necessário dar um reload na página para renderizar
Eu estava sofrendo com o mesmo erro e no meu caso o problema está ocorrendo por conta da versão do history, então fiz o downgrade da versão do history e resolveu o problema.
yarn remove history
yarn ...
2
votos
Como receber query params no react com reatc-router-dom?
Na documentação explica como faz esse tipo de abordagem em suas variaveis Query criando um Hook auxiliar da seguinte forma:
import { useLocation } from "react-router-dom";
function useQuery(...
1
voto
Como definir o componente a ser renderizado no Link do React-Router-Dom?
Para renderizar um componente customizado usando o Link do React-router-dom, basta passar seu componente como um "filho" dele:
<Link
to="url-que-quer-acessar"
style={{ ...
1
voto
Como criar um componente react que receba query string e faça uma requisição em seguida?
Olá! Creio que o seu problema seja manter o "Dispatch" no array de dependências. O UseEffect faz com que qualquer uma das variáveis armazenadas dentro daquele array seja "ouvida", ...
1
voto
Como persistir em uma rota, usando react router com Reactjs?
Essa função RouteWrapper possivelmente ta dando conflito. Você mesmo colocou nela que caso o usuário !signed && isPrivate ele seja redirecionado para a pasta raiz. Tente comentar essa parte e ...
1
voto
Como redirecionar para uma url externa utilizando React useEffect?
Você não pode redirecionar para uma URL externa usando react-router - Link, Redirect ou history.push.
Mas você pode fazer isso: window.location.href = 'https://www.linkedin.com/feed/' ou window....
1
voto
Enviar propriedade personalizada para componente PrivateRoute no React
Você pode inserir a roles diretamente no PrivateRoute:
return <Component {...props} roles={roles} />
Eu fiz adaptações pro código funcionar aqui, então faça as modificações que forem ...
1
voto
Aceito
criar rotas com react-router-dom
O erro está ocorrendo, pois seu Routes.js está com uma sintaxe incorreta na tag <Route>.
A sua rota está sendo definida da seguinte forma:
<Route path= "/" exact componemt= {Logon} />
&...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
react × 20react-router-dom × 20
react-router × 7
javascript × 4
react-hooks × 3
typescript × 1
firebase × 1
route × 1
firestore × 1
react-dom × 1