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

Com react-routereu posso usar o Linkelemento para criar links que são nativamente tratados pelo roteador de reação. Eu vejo internamente que chama this.context.transitionTo(...). Eu quero fazer uma navegação. Não de um link, mas de uma seleção suspensa (como exemplo). Como posso fazer isso no código? O que é this.context? Eu …

1431 reactjs  react-router 

Estou usando o React-router e funciona bem enquanto clico nos botões de link, mas quando atualizo minha página da Web, ele não carrega o que quero. Por exemplo, estou dentro localhost/jobliste está tudo bem porque cheguei aqui pressionando um link. Mas se eu atualizar a página da Web, recebo: Cannot …

655 javascript  reactjs  url  react-router 

Estou recebendo este erro: Erro não capturado: Violação invariável: o tipo de elemento é inválido: espera-se uma sequência (para componentes internos) ou uma classe / função (para componentes compostos), mas obtém: object. Este é o meu código: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var …

528 reactjs  react-router 

Como posso definir uma rota no meu arquivo routes.jsx para capturar o __firebase_request_keyvalor do parâmetro de uma URL gerada pelo processo de logon único do Twitter após o redirecionamento de seus servidores? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Eu tentei com a seguinte configuração de rotas, mas o :redirectParamnão está capturando o parâmetro mencionado: <Router> …

412 reactjs  react-router 

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 

Eu tenho a seguinte estrutura para o meu aplicativo React.js usando o React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route …

315 javascript  properties  reactjs  react-router 

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 

Como podemos passar parâmetros this.props.history.push('/page')no React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

216 reactjs  react-router 

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 

Estou usando o React e o Redux para desenvolver um aplicativo da web e, quando iniciei meu projeto, obtive o seguinte: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Pesquisei muito sobre como resolvê-lo, mas nenhuma das respostas que encontrei me …

168 javascript  reactjs  react-router  eslint 

Alguém pode explicar a diferença entre <Route exact path="/" component={Home} /> e <Route path="/" component={Home} /> Eu não sei o significado de 'exato'

161 reactjs  react-router  react-router-dom 

O roteador de reação permite que os aplicativos de reação sejam manipulados /arbitrary/route. Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor de desenvolvimento webpack não lida com pontos finais arbitrários. Há uma solução aqui usando servidor expresso adicional. Como …

148 reactjs  ecmascript-6  webpack  react-router 

Estou usando o react com o react-router. Estou tentando passar a propriedade em um "Link" do react-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render …

137 javascript  reactjs  react-router 

Considere o seguinte: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; Eu …

132 react-router