La programmation react-router

30

Naviguer par programme à l'aide du routeur React

Avec react-routerje peux utiliser l' Linkélément pour créer des liens qui sont gérés nativement par le routeur React. Je vois en interne que ça appelle this.context.transitionTo(...). Je veux faire une navigation. Pas à partir d'un lien, mais à partir d'une sélection déroulante (à titre d'exemple). Comment puis-je faire cela dans …

1431 reactjs react-router

30

Les URL React-router ne fonctionnent pas lors de l'actualisation ou de l'écriture manuelle

J'utilise React-router et cela fonctionne bien lorsque je clique sur les boutons de lien, mais lorsque je rafraîchis ma page Web, il ne charge pas ce que je veux. Par exemple, je suis localhost/joblistdedans et tout va bien parce que je suis arrivé ici en appuyant sur un lien. Mais …

655 javascript reactjs url react-router

30

Erreur non détectée: violation invariante: le type d'élément n'est pas valide: attend une chaîne (pour les composants intégrés) ou une classe / fonction mais a obtenu: objet

Je reçois cette erreur: Erreur non détectée: violation invariante: le type d'élément n'est pas valide: attendait une chaîne (pour les composants intégrés) ou une classe / fonction (pour les composants composites) mais a obtenu: objet. Voici mon code: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') …

529 reactjs react-router

27

React - Comment obtenir la valeur d'un paramètre à partir d'une chaîne de requête

Comment puis-je définir un itinéraire dans mon fichier routes.jsx pour capturer la __firebase_request_keyvaleur du paramètre à partir d'une URL générée par le processus d'authentification unique de Twitter après la redirection depuis leurs serveurs? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla J'ai essayé avec la configuration des itinéraires suivante, mais le :redirectParamn'attrape pas le paramètre mentionné: <Router> …

413 reactjs react-router

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

23

react-router - passer les accessoires au composant gestionnaire

J'ai la structure suivante pour mon application React.js utilisant 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 path="comments" handler={Comments}/> <DefaultRoute …

315 javascript properties reactjs react-router

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

Comment passer des paramètres avec history.push / Link / Redirect dans react-router v4?

Comment passer un paramètre avec this.props.history.push('/page')dans React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

218 reactjs react-router

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

4

Pas de globaux restreints

J'utilise React et Redux pour développer une application web et quand j'ai démarré mon projet, j'ai obtenu ceci: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Je cherche beaucoup comment le résoudre, mais aucune des réponses que j'ai trouvées ne m'a …

168 javascript reactjs react-router eslint

4

Réagir: différence entre <Route exact path = "/" /> et <Route path = "/" />

Quelqu'un peut-il expliquer la différence entre <Route exact path="/" component={Home} /> et <Route path="/" component={Home} /> Je ne connais pas le sens de 'exact'

163 reactjs react-router react-router-dom

10

Comment dire au serveur de développement Webpack de servir index.html pour n'importe quel itinéraire

Le routeur React permet aux applications de réagir /arbitrary/route. Pour que cela fonctionne, j'ai besoin que mon serveur envoie l'application React sur n'importe quel itinéraire correspondant. Mais le serveur de développement Webpack ne gère pas les points de terminaison arbitraires. Il existe ici une solution utilisant un serveur express supplémentaire. …

148 reactjs ecmascript-6 webpack react-router

9

Passer les accessoires dans Link react-router

J'utilise react avec react-router. J'essaye de passer la propriété dans un "lien" de 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 : function(){ return( …

137 javascript reactjs react-router

6

React-Router: Aucune route non trouvée?

Considérer ce qui suit: 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> ]; …

132 react-router

Questions marquées «react-router»