La programmation react-router-v4

21

Comment passer à l'historique dans React Router v4?

Dans la version actuelle de React Router (v3), je peux accepter une réponse du serveur et l'utiliser browserHistory.pushpour accéder à la page de réponse appropriée. Cependant, ce n'est pas disponible dans la v4, et je ne sais pas quelle est la façon appropriée de gérer cela. Dans cet exemple, à …

361 reactjs react-router react-router-v4

16

Naviguer par programme en utilisant Reactor V4

Je viens de remplacer la react-routerv3 en v4. Mais je ne sais pas comment naviguer par programmation dans la fonction membre de a Component. c'est-à-dire dans la handleClick()fonction que je veux naviguer après /path/some/whereavoir traité certaines données. Je le faisais par: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Mais je …

336 reactjs ecmascript-6 react-router-v4

4

React Router avec paramètre de chemin facultatif

Je veux déclarer un chemin avec un paramètre de chemin facultatif, donc quand je l'ajoute à la page pour faire quelque chose de plus (par exemple remplir des données): http: // localhost / app / path / to / page <= rendre la page http: // localhost / app / …

306 javascript reactjs react-router react-router-v4

7

Routes imbriquées avec react router v4 / v5

Je suis actuellement aux prises avec des routes d'imbrication utilisant le routeur React v4. L'exemple le plus proche était la configuration de route dans la documentation React-Router v4 . Je souhaite diviser mon application en 2 parties différentes. Un frontend et une zone d'administration. Je pensais à quelque chose comme …

262 javascript reactjs nested react-router react-router-v4

8

React Router v4 - Comment obtenir la route actuelle?

Je voudrais afficher un titledans<AppBar /> qui est en quelque sorte passé de l'itinéraire actuel. Dans React Router v4, comment pourrait- <AppBar />on faire passer la route actuelle dans son titleaccessoire? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> …

181 reactjs react-router react-router-v4

12

Comment écouter les changements de route dans React Router v4?

J'ai quelques boutons qui agissent comme des itinéraires. Chaque fois que l'itinéraire est modifié, je veux m'assurer que le bouton actif change. Existe-t-il un moyen d'écouter les changements d'itinéraire dans React Router v4?

138 react-router-v4

14

Comment implémenter des routes authentifiées dans React Router 4?

J'essayais d'implémenter des routes authentifiées mais j'ai trouvé que React Router 4 empêche maintenant que cela fonctionne: <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> L'erreur est: Attention: vous ne devez pas utiliser <Route component>et <Route …

122 javascript reactjs react-router react-router-v4

8

Détecter le changement de route avec react-router

Je dois implémenter une logique métier en fonction de l'historique de navigation. Ce que je veux faire est quelque chose comme ceci: reactRouter.onUrlChange(url => { this.history.push(url); }); Existe-t-il un moyen de recevoir un rappel de react-router lorsque l'URL est mise à jour?

87 reactjs react-router react-router-v4 react-router-redux react-router-dom

9

Comment obtenir les paramètres de requête dans React-Router v4

J'utilise react-router-dom 4.0.0-beta.6 dans mon projet. J'ai un code comme suivant: <Route exact path="/home" component={HomePage}/> Et je veux obtenir des paramètres de requête dans le HomePagecomposant. J'ai trouvé location.searchparam, qui ressemble à ceci ?key=value:, donc il n'est pas analysé. Quelle est la bonne façon d'obtenir les paramètres de requête avec …

87 react-router react-router-v4 react-router-dom

Questions marquées «react-router-v4»