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...

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,...

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 =...

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...

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,...

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>...

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 / pathParam <= renderiza...

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...

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');

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}...

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...

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

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...

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...

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} />...

Eu sou novo no ReactJS e no React-Router. Eu tenho um componente que recebe por meio de adereços um <Link/>objeto do react-router . Sempre que o usuário clica em um botão 'próximo' dentro deste componente, desejo chamar o <Link/>objeto manualmente. No momento, estou usando refs para...

Estou usando a última versão do módulo react-router, denominada react-router-dom, que se tornou o padrão ao desenvolver aplicativos da Web com o React. Quero saber como fazer um redirecionamento após uma solicitação POST. Eu tenho feito esse código, mas após a solicitação, nada acontece. Eu analiso...

Estou tentando adicionar um componente do mapa React ao meu projeto, mas ocorreu um erro. Estou usando Fullstack Reagir do post como uma referência. Eu localizei onde o erro é gerado na linha 83 do google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof...

Ambos têm rota, link, etc. Quando usar um ou outro? Estou muito confuso sobre onde usar cada um. Lado do servidor? Do lado do cliente? https://reacttraining.com/react-router/ Em alguns exemplos, você precisa passar a história, em outros não. O que fazer? <Router

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}...