Perguntas com a marcação «react-router»

Estou usando o react-router-dom 4.0.0-beta.6 no meu projeto. Eu tenho um código como o seguinte: <Route exact path="/home" component={HomePage}/> E eu quero obter parâmetros de consulta no HomePagecomponente. Encontrei o location.searchparam, que se parece com isto ?key=value:, então não foi analisado. Qual é a maneira certa de obter parâmetros de …

87 react-router  react-router-v4  react-router-dom 

Tenho que implementar alguma lógica de negócios dependendo do histórico de navegação. O que eu quero fazer é algo assim: reactRouter.onUrlChange(url => { this.history.push(url); }); Existe alguma maneira de receber um retorno de chamada do react-router quando o URL é atualizado?

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

Estou tendo alguns problemas de estilo ao usar o react-router e o react-bootstrap. abaixo está um snippet do código import { Route, RouteHandler, Link } from 'react-router'; import AuthService from '../services/AuthService' import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap'; <Nav pullRight> <NavItem eventKey={1}> <Link to="home">Home</Link> </NavItem> <NavItem …

86 react-router  react-bootstrap 

Eu tenho um roteador como abaixo: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Aqui está o que eu quero alcançar: Redirecionar o usuário para /loginse não estiver conectado Se o usuário tentou acessar /loginquando já estava logado, redirecione-o para o root/ agora estou tentando verificar …

83 javascript  reactjs  react-router 

Estou usando o novo gancho useHistory do React Router, lançado algumas semanas atrás. Minha versão do roteador React é 5.1.2. My React está na versão 16.10.1. Você pode encontrar meu código na parte inferior. No entanto, quando importo o novo useHistory do react-router, recebo este erro: Uncaught TypeError: Cannot read …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

Estou usando o gancho UseHistory no roteador de reação v5.1.2 com texto datilografado? Ao executar o teste de unidade, tenho um problema. TypeError: Não é possível ler a propriedade 'history' de indefinido. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router …

18 reactjs  typescript  react-router  jestjs  enzyme 

Eu sou novo no Next.js e gostaria de saber como redirecionar da página inicial ( / ) para / hello-nextjs, por exemplo. Depois que o usuário carrega uma página e depois determina se o caminho === / redireciona para / hello-nextjs No react-router , fazemos algo como: <Switch> <Route path="/hello-nextjs" …

15 html  reactjs  routing  react-router  next.js 

Estou tentando carregar uma exibição de detalhes com base em uma rota react-router-dom que deve pegar o parâmetro URL (id) e usá-lo para preencher ainda mais o componente. Minha rota parece /task/:ide meu componente carrega bem, até eu tentar pegar o: id da URL da seguinte forma: import React from …

14 reactjs  react-router 

Estou criando um aplicativo de página única do React e notei que a restauração de rolagem não parece funcionar conforme o esperado no Chrome (e talvez em outros navegadores). No repositório do github react-router-dom, eles têm uma página que diz que os navegadores estão começando a manipular nativamente a rolagem …

11 javascript  reactjs  google-chrome  react-router 

Estou usando reagir roteador com o carregamento lento de componentes e usando Webpack como uma bundler , Quando eu acesso ao home page / eu posso ver na guia de rede que o bundle.jsestá carregado e também quando eu clicar em um item específico na barra lateral do componente correspondente …

8 javascript  reactjs  webpack  react-router  lazy-loading