Skip to main content

Respostas interessantes marcadas com a tag

5 votos
Aceito

React Route sem link

Primeiro você deve importar o login no Main.js Main.js import Login from "./Login"; Depois ainda dentro do seu Main.js você deve adicionar a rota <div className="content"> // Rota login ...
Danilo Cândido's user avatar
5 votos
Aceito

Como redirecionar para uma rota usando onClick e React Router

Como o padrão mais usado no ReactJS é criar Single Page Applications, você vai precisar utilizar uma biblioteca que crie as rotas do lado do client(browser), pois não existe um servidor ditando as ...
Salatiel Queiroz's user avatar
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 &...
Luiz Felipe's user avatar
  • 36,5mil
3 votos
Aceito

Como pegar o parametro da url no NextJs

Para que você tenha esse formato de URL http://localhost:3000/listid/10 basta criar dentro do diretório pages seguindo esse formato: listid/[id].js onde listid seria uma pasta com a página [id].js ...
Gabriel José de Oliveira's user avatar
3 votos
Aceito

React-router <Redirect> não funciona

O problema é que você está utilizando return no ComponentDidMount com a intenção de renderizar um elemento. Isso não acontece. Para renderizar o elemento, ele deve ser retornado dentro do render. Uma ...
Rafael Tavares's user avatar
2 votos
Aceito

Como manter o setState usando o Router no React?

O seu bug está sendo causado pelo uso da TAG <a href="/" onClick={this.props.handleSave}>Salvar</a>. Utilizando essa tag você força que seja atualizado a página montando todos os seus ...
Paulo Souza's user avatar
2 votos

Como redirecionar para uma rota usando onClick e React Router

Troca o BrowserRouter pelo Router, usa um history manual, só fazer isso: import { createBrowserHistory } from "history" const history = createBrowserHistory({ basename: "/" }) window.redirect = ...
Marcelo's user avatar
  • 1.658
2 votos
Aceito

Pegar ID em crud com javascript

Você pode passar o id dentro da função, como um parâmetro. Veja bem no evento de click, passei o id como parâmetro e na sua função handleDel, eu coloquei recebendo o _id como parâmetro. import api ...
Anderson Henrique's user avatar
2 votos

React Switch Route Default

Você pode usar o componente Redirect. Fica algo assim: <Switch> <Route exact path='/dashboard' component={Dashboard} default /> <Route exact path='/profile' component={Profile} />...
Andrew Ribeiro's user avatar
2 votos
Aceito

Menu Lateral não é exibido no app feito em React-Native

De acordo com o seu comentário, o menu aparece se você adicionar um botão em alguma tela. Para fazer o menu aparecer ao desligar, será necessário editar o arquivo MainActivity.java, dentro do seu ...
Bins's user avatar
  • 3.844
2 votos

Refresh de Token JWT

Olá sugiro fazer uma PrivateRoute, assim a cada rota chamada no routes passaria por essa PrivateRoute e la dentro tu chamaria um metodo para renovar o token. import { Route, Redirect } from "react-...
Bruno Santi's user avatar
2 votos
Aceito

Erro em construtor da classe em React

A diferença é que uma é JavaScript válido em ES5 e outro é código ES6. Ou seja, no inicio quando o React foi lançado usava-se muito código compativel com ES5 (ECMAScript 5) e que não precisava ser ...
Sergio's user avatar
  • 135mil
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 ...
Jonatãn da Fonseca Bossan's user avatar
1 voto

Como estruturar pastas e arquivos React Js?

Nesse caso acredito que você deveria estudar design patterns, já que entender isso é exatamente o que sua dúvida busca. Recomendo você dá uma olhada no modelo Fractal - Uma estrutura de aplicativos ...
William Mendes's user avatar
1 voto
Aceito

Como estruturar pastas e arquivos React Js?

Particularmente eu gosto de utilizar a estrutura abaixo. Separo components (componentes realmente reutilizáveis em qualquer ponto da aplicação), pages (as páginas), services (qualquer acesso externo), ...
Colasanto's user avatar
  • 440
1 voto

Como estruturar pastas e arquivos React Js?

O React Js é a base de componentes, certo? Sim, segundo o próprio site: Baseado em componentes - Crie componentes encapsulados que gerenciam seu próprio estado e então, combine-os para criar UIs ...
novic's user avatar
  • 36,7mil
1 voto
Aceito

Não está retornando o HTML no React

Verifica o \ na sua chamada no Routes.js. <Route path="/dashboards" component={Dashboards} /> E no seu Routes.js as importações não precisam apontar para o index.js, somente para a ...
Rebeca Nonato's user avatar
1 voto
Aceito

Atualizar useEffect da página navigation.goBack?

O evento deve ser criado sim com useEffect mas, o evento é do componente de navegação instalado no projeto @react-navigation/native: 5.1.5, seguindo o código de exemplo contido na documentação: ...
novic's user avatar
  • 36,7mil
1 voto
Aceito

[[PromisseValue]] React

api.get(`/role/listar/${role}`) .then(results => { console.log(result) }) ou dependendo da versão do node export const isAdmin = async () => { var result = await api.get(`/role/...
Mateus Velleda Vellar's user avatar
1 voto
Aceito

Reactjs props para outros component sem redux

Você esta usando a biblioteca 'react-router-dom' essa biblioteca já disponibiliza uma função que faz isso tudo que você esta querendo, é a função <Link to={path_da_rota}>Link</Link> segue ...
Adalton Junio's user avatar
1 voto
Aceito

Rotas privadas com reactjs?

Eu tenho o código dessa forma, percebi que no seu tem um parenteses no lugar das chaves, pode ser isso, só estou supondo, mas, logo abaixo tem o código que utilizo e que funciona perfeitamente, onde ...
novic's user avatar
  • 36,7mil
1 voto
Aceito

Route Flux do React-Native não funciona

Aparentemente o <Router> não aceita vários componentes <Scene> de uma só vez, tenta envolver esses componentes no componente <Stack>, não esquece de importar ele. <Router> ...
Lucas's user avatar
  • 478
1 voto
Aceito

Redirecionamento após post em api com axios em ReactJS

Se você estiver usando react-router-dom você pode usar this.props.history.push('/your-path'). /your-path é o caminho que você definiu nas suas rotas que renderiza o componente de dashboard.
Natan Severo's user avatar
1 voto
Aceito

Rotas no ReactJS

ok... tem algumas coisas estranhas no codigo. O Routes.jsnão esta sendo usado. Pelo menos não nesses arquivos que você mostrou. Dentro desse arquivo você está usando o componente App nesse trecho &...
Leo Brescia's user avatar
1 voto

Rotas Privada ReactJS e React Router

Eu utilizo dessa forma nas minhas aplica const PrivateRoute = ({component: Component, ...rest}) => { return ( <Route {...rest} render={props => ( isAuth() ? <...
Freitas's user avatar
  • 49
1 voto

Url query Reach Route - React

No caso, para pegar os queryParams, você pode acessar this.props.location.search. Virá no formato ?produto=batata, aí só formatar. Inclusive, pode usar outras libs pra fazer a conversão pa
Guilherme Vasconcelos's user avatar
1 voto
Aceito

Redirecionamento para tela "Home" após validar login - React Native + Firebase

Tenta isso, como dá pra ver ele fica observando se algum usuário autenticou, e entao redireciona. Era essa sua dúvida? componentDidMount() { firebase.auth().onAuthStateChanged(user => { if (user ...
Matheus Silva's user avatar
1 voto

Como navegar com o react-router-dom quando ocorrer uma action

A navegação deve ser feita na própria action - o reducer apenas altera o estado da aplicação. export const logar = ({ email, senha }) => { this.db.login(email, senha).then(res => { ...
Vinícius Carra's user avatar
1 voto

React Router: Usar mais arquivos com rotas

O problema é como as rotas aninhadas estão organizadas. Você pode fazer o que vc quer da seguinte forma import React from 'react'; import { Switch, Route } from 'react-router-dom'; import Estoque ...
Jan Cássio's user avatar
1 voto

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>

Tive um problema parecido com este utilizando o Material-UI 1.0-beta. O problema que você está tendo é pelo fato de você estar renderizando uma tag do tipo link (<a>) uma dentro da outra, o que ...
Aislan de Sousa Maia's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible