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

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 acessar a instância de …

131 javascript  reactjs  react-router 

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 na web, mas todos …

131 javascript  reactjs  react-router 

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 Constructor)) { throw new TypeError("Cannot call a …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

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 history={browserHistory}> vs <Router> É realmente confuso quando usar um …

123 reactjs  react-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} /> </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 

Alguém pode me dizer como posso voltar à página anterior em vez de uma rota específica? Ao usar este código: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Obtenha este erro, goBack () foi …

121 javascript  reactjs  react-router 

Eu tenho o seguinte: Como faço para me livrar do sublinhado azul? O código está abaixo: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> O componente MenuItem é de http://www.material-ui.com/#/components/menu Qualquer visão ou orientação seria muito apreciada. Agradeço antecipadamente.

121 javascript  reactjs  react-router 

Estou criando um aplicativo que usa webpack-dev-server no desenvolvimento junto com o react-router. Parece que webpack-dev-server é construído em torno da suposição de que você terá um ponto de entrada público em um lugar (ou seja, "/"), enquanto o react-router permite uma quantidade ilimitada de pontos de entrada. Eu quero …

117 javascript  reactjs  webpack  react-router 

Não consigo encontrar como atualizar os parâmetros de consulta com react-router sem usar <Link/>. hashHistory.push(url)não parece registrar parâmetros de consulta e não parece que você pode passar um objeto de consulta ou qualquer coisa como um segundo argumento. Como você altera o url de /shop/Clothes/dressespara /shop/Clothes/dresses?color=blueno react-router sem usar <Link>? …

117 reactjs  react-router 

Quero que meu aplicativo ReactJS notifique um usuário ao navegar para fora de uma página específica. Especificamente, uma mensagem pop-up que o lembra de fazer uma ação: "As alterações foram salvas, mas ainda não foram publicadas. Quer fazer isso agora?" Devo acionar isso react-routerglobalmente ou isso é algo que pode …

117 reactjs  react-router 

Estou usando o webpack e o HtmlWebpackPlugin para injetar js e css empacotados em um arquivo de modelo html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), E produz o seguinte arquivo html. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> …

116 javascript  express  webpack  react-router 

Estou usando o mesmo componente para três rotas diferentes: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Existe alguma maneira de combiná-lo, para ser como: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

113 javascript  reactjs  path  react-router  url-routing 

Como estou usando o react-router para lidar com minhas rotas em um app react, estou curioso para saber se há uma maneira de redirecionar para um recurso externo. Digamos que alguém acerte: example.com/privacy-policy Eu gostaria que redirecionasse para: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Não estou encontrando nenhuma ajuda para evitar escrevê-lo em JS simples …

113 javascript  reactjs  redirect  react-router  react-router-redux 

Estou usando o react e o react-router para a minha aplicação no lado do cliente. Não consigo descobrir como obter os seguintes parâmetros de consulta de um url como: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Minhas rotas são assim (o caminho está totalmente errado, eu sei): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" …

112 javascript  reactjs  client-side  react-router  client-side-scripting 

Tenho um problema ao navegar para outra página, sua posição permanecerá como a página anterior. Portanto, não vai rolar para cima automaticamente. Eu também tentei usar window.scrollTo(0, 0)no roteador onChange. Também usei scrollBehavior para corrigir esse problema, mas não funcionou. Alguma sugestão sobre isso?

112 javascript  reactjs  react-router  react-router-redux