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

Na versão atual do React Router (v3), posso aceitar uma resposta do servidor e usar browserHistory.pushpara ir para a página de resposta apropriada. No entanto, isso não está disponível na v4 e não tenho certeza de qual é a maneira apropriada de lidar com isso. Neste exemplo, usando o Redux, …

361 reactjs  react-router  react-router-v4 

Acabei de substituir react-routerda v3 para a v4. Mas não sei como navegar programaticamente na função de membro de a Component. ou seja, na handleClick()função que deseja navegar /path/some/whereapós o processamento de alguns dados. Eu costumava fazer isso: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Mas não consigo encontrar essas …

336 reactjs  ecmascript-6  react-router-v4 

Quero declarar um caminho com um parâmetro de caminho opcional; portanto, quando adiciono a página, faça algo extra (por exemplo, preencha alguns dados): http: // localhost / app / path / to / page <= renderiza a página http: // localhost / app / path / to / page / …

306 javascript  reactjs  react-router  react-router-v4 

Atualmente, estou lutando com rotas de aninhamento usando o roteador de reação v4. O exemplo mais próximo foi a configuração de rota na documentação do React-Router v4 . Quero dividir meu aplicativo em duas partes diferentes. Uma interface e uma área administrativa. Eu estava pensando em algo assim: <Match pattern="/" …

261 javascript  reactjs  nested  react-router  react-router-v4 

Eu gostaria de exibir um titleem <AppBar />que é de alguma forma passou no da rota atual. No React Router v4, como seria <AppBar />possível obter a rota atual passada para o seu titleprop? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route …

181 reactjs  react-router  react-router-v4 

Eu tenho alguns botões que funcionam como rotas. Sempre que a rota é alterada, quero garantir que o botão ativo seja alterado. Existe uma maneira de ouvir as alterações de rota no roteador de reação v4?

138 react-router-v4 

Eu estava tentando implementar rotas autenticadas, mas descobri que o React Router 4 agora impede que isso funcione: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> O erro é: Atenção: Você não deve usar <Route component>e …

122 javascript  reactjs  react-router  react-router-v4 

Além da capacidade de definir um "activeClassName" e "activeStyle" no NavLink, há alguma razão para usar o NavLink sobre o link ao criar links para outras rotas em elementos não navegacionais (ou seja, não nav principal no cabeçalho ou rodapé) em seu site que não precisa de um estado / …

97 reactjs  react-router  react-router-v4 

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