Questions marquées «react-router»

React Router - Une bibliothèque de routage complète pour React inspirée du système de routage d'Ember

7
React-router: Comment invoquer manuellement Link?
Je suis nouveau sur ReactJS et sur React-Router. J'ai un composant qui reçoit via des accessoires un <Link/>objet de react-router . Chaque fois que l'utilisateur clique sur un bouton «suivant» dans ce composant, je souhaite appeler l' <Link/>objet manuellement. À l'heure actuelle, j'utilise des références pour accéder à l' instance …
30
Obtenir "Impossible d'appeler une classe en tant que fonction" dans mon projet React
J'essaie d'ajouter un composant de carte React à mon projet mais je rencontre une erreur. J'utilise l'article de blog de Fullstack React comme référence. J'ai retracé l'emplacement de l'erreur dans la ligne 83 de google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class …
21
react-router revenir en arrière comment configurer l'historique?
Quelqu'un peut-il me dire comment je peux revenir à la page précédente plutôt qu'à un itinéraire spécifique? Lors de l'utilisation de ce code: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Obtenez cette erreur, …
4
react-router vs react-router-dom, quand utiliser l'un ou l'autre?
Les deux ont Route, Link, etc. Quand utiliser l'un ou l'autre? Je ne sais vraiment pas où utiliser chacun d'eux. Du côté serveur? Côté client? https://reacttraining.com/react-router/ Dans certains exemples, vous devez passer l'historique, dans d'autres non. Que faire? <Router history={browserHistory}> contre <Router> Il est vraiment déroutant de savoir quand utiliser …
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 …
7
Détecter l'utilisateur quittant la page avec react-router
Je souhaite que mon application ReactJS informe un utilisateur lorsqu'il quitte une page spécifique. Plus précisément, un message contextuel qui lui rappelle de faire une action: "Les modifications sont enregistrées, mais pas encore publiées. Faites-le maintenant?" Dois-je déclencher cela react-routerglobalement, ou est-ce quelque chose qui peut être fait à partir …
3
HtmlWebpackPlugin injecte des fichiers de chemin relatif qui se cassent lors du chargement de chemins de site Web non root
J'utilise webpack et le HtmlWebpackPlugin pour injecter js et css groupés dans un fichier de modèle html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Et il produit le fichier html suivant. <!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> </html> …
7
Plusieurs noms de chemin pour un même composant dans React Router
J'utilise le même composant pour trois itinéraires différents: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Y a-t-il de toute façon le combiner, pour être comme: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
13
Lien externe React-Router
Puisque j'utilise react-router pour gérer mes itinéraires dans une application react, je suis curieux de savoir s'il existe un moyen de rediriger vers une ressource externe. Dites que quelqu'un frappe: example.com/privacy-policy Je voudrais qu'il redirige vers: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Je ne trouve aucune aide pour éviter de l'écrire en JS brut à …
9
Obtention des paramètres de requête à partir du fragment de hachage react-router
J'utilise react et react-router pour mon application côté client. Je n'arrive pas à comprendre comment obtenir les paramètres de requête suivants à partir d'une URL comme: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Mes itinéraires ressemblent à ceci (le chemin est totalement faux je sais): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.