Perguntas com a tag [react-router]
A tag react-router não tem possui recomendações de uso.
72
perguntas
-2
votos
0
respostas
26
visitas
meu codigo esta dando essa sequencia de erros e eu n consigo identifcar usando o react routes [fechada]
react.development.js:209 Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
You might have ...
-1
votos
1
resposta
23
visitas
REACT: Erro ao chamar Dados da API
Meu site tem apenas duas páginas a Home (onde aparece todos os pokemons) e a detalhes onde aparece os detalhes do Pokemon.
A primeira página carrega normal, já a página de detalhes do pokemon dá um ...
0
votos
0
respostas
26
visitas
React-Router-Dom não renderiza páginas
Os componentes da aplicação estão renderizando normalmente quando colocados no App.js, entretanto, ao colocá-los no Router.js e chamar o mesmo no App, a aplicação não quebra porém não renderiza os ...
-1
votos
1
resposta
51
visitas
Componente <Navigate /> não redireciona corretamente
Estou tentando implementar rotas em uma aplicação minha usando react-router-dom, e nessa parte, quero redirecionar o usuário após ele fazer o login corretamente para outra rota, mas por algum motivo ...
-3
votos
1
resposta
72
visitas
Quando clico no botão de Link, todo o conteudo da pagina anterior é exibido
Estou fazendo um site e preciso clicar em um botão e abrir uma nova pagina e nessa pagina queria que tivesse SOMENTE a section desse component, porem quando eu clico nesse Link, todo o conteudo que ...
-3
votos
1
resposta
313
visitas
Como usar o history no react-router-dom v6
alguém sabe como uso o history do react-router-dom v6
Eu vi em um projeto aqui um pouco antigo usando a v5 do react-router-dom
Que basicamente se fazia assim
#file history.ts
import { ...
-3
votos
1
resposta
407
visitas
"useNavigate() may be used only in the context of a <Router> component." . Como utilizar esse Router?
Eu tenho um formulário de login e logo após dar o submit ele deve ir para a página Home. Estou usando React js e para navegar entre as paginas estou usando o "useNavigate" do "react-...
1
voto
0
respostas
136
visitas
Como criar rotas para usuários autenticados com React JS e Firebase
estou criando uma aplicação onde criei um sistema de login com firebase. E eu consigo o retorno de uma variavel com os dados do usuário logado. Mas estou com dificuldade para direcionar as rotas. ...
-1
votos
1
resposta
146
visitas
como faço para chamar uma rota com react sem depender da tag ,<Link to='/'>
quero fazer meu app ir para uma determinada rota assim que eu chamar uma função especifica
function logar(u,p){
const body={
user:u,
pass:p
}
const init = {
method: 'POST',
headers: {'...
-2
votos
1
resposta
241
visitas
Como criar rotas privadas com react js
Estou precisando criar robtas privadas que so podem ser acessadas se o usuario recebeu um token valido e caso ele n tenha validado va para pagina de login.
Vi um codigo em outra pergunta mas o mesmo n ...
0
votos
1
resposta
206
visitas
Pagina em branco quando se da reload no firebase
Bom dia/tarde/noite. Estou desenvolvendo um sistema web e para isso estou utilizando React como framework e para gerenciamento de rotas estou utilizando o React Router. O problema que estou tendo é ...
-2
votos
1
resposta
433
visitas
Como passar props pelo Navigate do react-router?
Estou tentando passar props pelo Navigate do react-router 6 desta forma e não está dando certo.
<Navigate to='/editar' state={{from: 10}} />
0
votos
1
resposta
893
visitas
Tag Link do React Router Dom não funciona
Estou iniciando no reactjs e estou fazendo um blog em react seguindo um tutorial. A rota funciona quando escrevo na URL a rota que eu quero visualizar. O problema é quando clico em algum item do menu (...
0
votos
0
respostas
229
visitas
Função de verificação de token não retorna true ou false
Estou tentando fazer uma função que controla o acesso a algumas rotas React da minha aplicação.
Essa função verifica se o usuário está logado ( verifica se ele possui um token), envia uma requisição ...
-1
votos
1
resposta
189
visitas
Async/await não esta funcionando no react typescript (hooks)
Estou fazendo uma autenticação alimentado por uma rota.
Mas não esta respeitando o await do post na api de login. As vezes ele funciona localmente mas a maioria das vezes ele "pula" o post.
...
1
voto
0
respostas
136
visitas
Evitar que estado seja perdido ao usar history.push() - react-router-dom - ReactJS
Tenho um componente que faz uma chamada para API e armazena o retorno no estado para exibir para o usuário. Porém, quando uso o history.push() para navegar para outra página da aplicação e em seguida ...
-1
votos
1
resposta
667
visitas
Como retornar uma mensagem ao FronteEnd apos verificação em uma API no ReactJS
Pessoal estou fazendo um formulario de cadastro em NextJS, funcionando ok, os inputs pega os dados de entrada do usuario via API FETCH do reactJS e envia para um banco de dados MYSQL, ate aqui ok, o ...
-1
votos
1
resposta
838
visitas
Estou perdendo o state com ao retornar página com <Link> do react-router-dom - REACT
Estou criando uma aplicação em React utilizando a api do github, ela lista os repositórios de um determinado usuário, cada item (cada repositório listado) tem um Link do react-router-dom chamado "...
1
voto
1
resposta
67
visitas
Problema com Lifecycle do React JS
Boa noite!
Estou no desenvolvimento de uma página que tem três botões.
Sendo que o primeiro botão(Publicações) renderiza este conteúdo:
O segundo Botão(Jorys) renderiza este segundo conteúdo:
E o ...
0
votos
2
respostas
234
visitas
Como persistir em uma rota, usando react router com Reactjs?
Tenho um site em react, e gostaria de saber como persistir em uma rota. Por exemplo: Quando eu estou na página perfil e dou um refresh na página, ele me redireciona para dashboard. Alguém tem alguma ...
4
votos
1
resposta
4mil
visitas
Como pegar o parametro da url no NextJs
Galera, estou com uma dúvida no Next JS, tenho uma página com nome listid.js, ao acessar por exemplo http://localhost:3000/listid/10 eu gostaria de receber o id 10 como parametro na minha página ...
3
votos
1
resposta
210
visitas
Por que a minha rota no React fica com /#/?
Criei uma estrutura de rotas com HashRouter no React e funciona tudo certo, porém a minha rota sempre http://localhost:3000/#/ + a rota.
return (
<div>
<HashRouter>
<...
0
votos
0
respostas
180
visitas
Erro de navegação com React Native
Eu estou desenvolvendo uma aplicação em React Native com tres tipos de navegações: Drawer, Bottom Tab e Stack Navigator. Eu inseri esses tres tipos de navegação porém mostra o seguinte erro:
Ele fala ...
-1
votos
1
resposta
492
visitas
Problema na rota ao carregar bundle.js
Tenho uma rota que possui o carácter barra "/" no meio, tal qual mostrado abaixo:
<Route path="/answers/:question_id" component={QuestionAnswers} />
O link funciona normal.
...
-1
votos
1
resposta
81
visitas
Como passar Form via URL
Olá, Sou novo em React tenho um Componente Home que possui um Formulário gostaria de saber como faço para pegar os inputs deste form e passar via get para outro componente: Nas rotas passei assim
<...
1
voto
3
respostas
2mil
visitas
Como estruturar pastas e arquivos React Js?
Estou começando aprender React Js e estou com a intenção de criar um site nele, porém fiquei com uma dúvida.
O React Js é a base de componentes, certo?
Eu tenho o App.js onde eu chamo os meus ...
-1
votos
1
resposta
257
visitas
Não está retornando o HTML no React [fechada]
Galera estou fazendo a Omni Stack 9 da Rocket Seat, onde Diego ensina a desenvolver uma copia do AirBnB porém para Devs. Estou fazendo a parte Web e conseguir fazer até a pagina de login tranquilo, ...
2
votos
1
resposta
2mil
visitas
Refresh de Token JWT
Tenho uma API que emite um token JWT com uma validade máxima de 2h por token, após isso ele não é mais processado pela minha aplicação.
Preciso que toda vez que este token esteja expirado, seja gerado ...
-1
votos
1
resposta
124
visitas
Problemas com o WithRouter do react-router-dom
Se liga, eu comecei a fazer um app e precisava de um menu de cabeçalho pra a transição, seria esse um menu que é renderizado em toda página. Por isso ele foi criado e é ultilizado fora das . Por isso ...
0
votos
1
resposta
161
visitas
React Navigation | Como usar Navigation dentro de um componente React?
Tenho um app com uma tela principal onde tudo deve acontecer. Estou usando a lib react-calendars para renderizar o calendário e em baixo há o conteúdo da aplicação, que seria dividido em 3 tabs, uma ...
-3
votos
1
resposta
50
visitas
ERRO NA ROTA DE LOGIN
olá, sou estudante de programação, e durante um projeto me deparei com um erro que nao consigo solucionar.
basicamente estou na parte de criacao de rota "login", cujo objetivo é buscar no banco de ...
0
votos
2
respostas
4mil
visitas
Atualizar useEffect da página navigation.goBack?
Estou desenvolvendo um App em ReactNative utilizando Expo, porém não consigo atualizar o useEffect(() => {}, []) da rota anterior vinda de navigation.goBack().
Exemplo:
Aqui tempo a página Index.
...
1
voto
1
resposta
1mil
visitas
React-router <Redirect> não funciona
Estou fazendo uma aplicação em React e quero fazer uma checagem, se o cara estiver autenticado, redirecionar direto para a Home, se não, vai pra tela de Login, esse é o Código:
userReducer.js
const ...
-1
votos
1
resposta
65
visitas
Reactjs props para outros component sem redux
Boa tarde,
estou com uma duvida de iniciante gostaria de saber se alguem pode me ajudar a duvida é o seguinte preciso passar o active que for selecionado no NavBar.js para Home.js para poder ...
0
votos
1
resposta
585
visitas
Rotas privadas com reactjs?
Estou tentando criar rotas privadas com o ReactJs, mas sempre da o mesmo erro, já fui em vários sites e sempre faço de acordo com o tutorial de cada um, mas ainda sim o mesmo erro continua:
Meu ...
-1
votos
1
resposta
4mil
visitas
(React Native) TypeError: undefined is not an object (evaluating '_this.props.navigation')
Não consigo resolver este erro.. alguém me ajuda
Eu clico no botão para ir para outra pág e ele aparece.. segue o código:
[Esse é o código do componente menu, nele tem uma lista de botões com essa ...
1
voto
1
resposta
46
visitas
Route Flux do React-Native não funciona
Já tentei fazer de tudo, quando eu compilei após ter instalado o Router Flux, apareceu um erro falando que estava necessitando de alguns módulos, como react-native-gesture-handler e react-native-...
3
votos
2
respostas
477
visitas
React Switch Route Default
Estou criando uma app em NodeJs, React & Redux aqui na empresa. E tenho uma página que é a Content, nela tenho duas barras de navegação e uma área comum para o conteúdo. Nesta área comum estou ...
0
votos
0
respostas
184
visitas
utilizar props.match.params em uma classe
Gostaria de utilizar uma função que está dentro de uma classe, porém gostaria que esta função utilizasse o props.match.params para resgatar a id do produto na URL, para saber qual é o produto que a ...
0
votos
1
resposta
280
visitas
Menu Lateral não é exibido no app feito em React-Native
Estou desenvolvendo um APP no react-native, nele preciso exibir um menu-lateral esquerdo. Embora não exibe nenhuma mensagem de erro, não aparece o menu lateral.
Estou usando o react-navigation-drawer ...
1
voto
2
respostas
110
visitas
[[PromisseValue]] React
Estou fazendo um get um uma api em NodeJs, só que o resulta está voltando dentro de uma [[PromiseValue]], como faço para acessa-lo diretamente?
Com async e await funciona, mas quando para ele pra ...
-1
votos
1
resposta
489
visitas
Login com CPF com NodeJs, ReactJs e MongoDB
Bom eu construí uma API para cadastros no banco mongodb remoto (Atlas), consigo cadastrar, o intuito é oferecer um formulário para os dados do usuário(Nome, cpf, telefone) e depois fazer o CPF, feito ...
1
voto
0
respostas
175
visitas
React + React Router + Laravel => erro ao realizar refresh ou inserir url manualmente no navegador
Estou utilizando o React para o front de uma aplicação em laravel. No React, através do react-router estou acessando componentes dinamicamente através dos parâmetros passados via url pelo link do ...
1
voto
1
resposta
983
visitas
Pegar ID em crud com javascript
import api from '../../services/api'
export default function Area() {
const [ area, setArea ] = useState([])
useEffect(() => {
async function loadArea() {
const ...
-1
votos
2
respostas
1mil
visitas
É possível passar parâmetros de uma rota para outra sem ser pela url em reactjs? [fechada]
Eu estou aprendendo reactjs e na aplicação que estou desenvolvendo tenho uma tela de login que faz a autenticação do usuario para ele acessar uma rota privada. Nessa rota privada eu gostaria de ...
0
votos
1
resposta
63
visitas
Duvida sobre React-Router
Meu App.jsx possui um BrowserRouter com Nav, Footer e entre eles as routes, porém quero um /admin que não renderize o Nav e Footer. Porém necessariamente quando adiciono /admin no routes ele puxa Nav ...
0
votos
1
resposta
1mil
visitas
Redirecionamento após post em api com axios em ReactJS
Bom dia,
Estou tentando criar uma tela de login em ReactJS onde é feito um post em uma uma api, após enviar o e-mail e a senha do usuário, a API devolve o token de authenticação JWT.
Post na API ...
-2
votos
1
resposta
838
visitas
Rotas no ReactJS
Estou estudando ReactJS e estou tendo um problema com as rotas. Eu consegui implementar a rota, porém quando clico para abrir uma página, ele permanece renderizando a página que estava aberta antes e ...
1
voto
1
resposta
402
visitas
Como manter o setState usando o Router no React?
Estou iniciando meus estudos com React a precisava de uma ajuda: eu tenho uma aplicação que mostra uma lista de "soluções".
Nela também tem um botão que vai para uma página nova (que eu programei via ...
3
votos
2
respostas
34mil
visitas
Como redirecionar para uma rota usando onClick e React Router
Tenho uma tela (em React.js) chamada Cadastro.js. Nela eu tenho um formulário e o botão cadastrar
Ao clicar nesse botão, queria que direcionasse para a tela de login, que é a Login.js.
Como faço ...