Eu sou novo no ReactJs. Este é o meu código: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
Eu estou tentando sair Reagir-Router (v4) e estou tendo problemas começam fora do Nav ter um dos Link's Seja active. Se eu clicar em qualquer uma das Linktags, o material ativo começa a funcionar. No entanto, gostaria que o Home Linkficasse ativo assim que o aplicativo iniciar, pois é o...
Tenho tido alguns problemas com o roteador react (estou usando a versão ^ 4.0.0). este é meu index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from
Existe uma maneira de fazer o React Router abrir um link em uma nova guia? Eu tentei isso e não funcionou. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> É possível modificá-lo adicionando algo semelhante onClick="foo"ao Link como o que eu tenho...
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...
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?...
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...
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...
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...
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...
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...
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...
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...
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 é...