Je suis en train de faire la transition de mon application react de webpack-dev-server vers nginx. Quand je vais à l'url racine "localhost: 8080 / login", j'obtiens simplement un 404 et dans mon journal nginx je vois qu'il essaie d'obtenir: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed …
J'ai parfois vu des gens emballer leurs composants withRouterlorsqu'ils les exportaient: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); À quoi sert-il et quand dois-je l'utiliser?
J'ai réfléchi et je suis confus avec le routage entre le client et le serveur. Supposons que j'utilise ReactJS pour le rendu côté serveur avant de renvoyer la demande au navigateur Web, et que j'utilise react-router comme routage côté client pour basculer entre les pages sans actualiser en tant que …
Un moyen d'empêcher /#/de s'afficher dans la barre d'adresse du navigateur lors de l'utilisation de react-router? C'est avec ReactJS. c'est-à-dire en cliquant sur les liens pour aller à un nouvel itinéraire montre localhost:3000/#/ou localhost:3000/#/about. Selon l'itinéraire.
Je ne comprends pas à quoi servent les IndexRoute et IndexLink . Il semble que dans tous les cas, le code ci-dessous aurait sélectionné le composant Home en premier à moins que le chemin About ait été activé. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> contre <Route path="/" …
J'ai un petit problème lors de la migration de React-Router v3 vers v4. dans la v3, j'ai pu le faire n'importe où: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Comment puis-je y parvenir dans la v4. Je sais que je pourrais utiliser, le hoc withRouter, le contexte de réaction ou …
Je suis nouveau sur React Router et j'apprends qu'il existe de nombreuses façons de rediriger une page: En utilisant browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); En utilisant this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } …
Je travaille sur une application de réaction utilisant react-router. J'ai une page de projet qui a une URL comme suit: myapplication.com/project/unique-project-id Lorsque le composant de projet se charge, je déclenche une demande de données pour ce projet à partir de l'événement componentDidMount. Je rencontre maintenant un problème où si je …
Essayer d'obtenir react-router (v4.0.0) et react-hot-loader (3.0.0-beta.6) pour jouer correctement, mais obtenir l'erreur suivante dans la console du navigateur: Avertissement: React.createElement: type n'est pas valide - attend une chaîne (pour les composants intégrés) ou une classe / fonction (pour les composants composites) mais a: undefined. Vous avez probablement oublié d'exporter …
J'ai ce qui suit: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> Lors de l'utilisation de DefaultRoute, SearchDashboard effectue un rendu incorrect car tout * Dashboard doit être rendu dans Dashboard. Je …
Je suis nouveau sur ReactJs. Voici mon code: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); et en le compilant avec webpack. J'ai également ajouté le composant principal à mes alias. …
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?
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 …
J'utilise le nouveau crochet useHistory de React Router, qui est sorti il y a quelques semaines. Ma version de React-router est 5.1.2. My React est à la version 16.10.1. Vous pouvez trouver mon code en bas. Pourtant, lorsque j'importe le nouveau useHistory de react-router, j'obtiens cette erreur: Uncaught TypeError: Cannot …
J'utilise le crochet UseHistory dans le routeur React v5.1.2 avec tapuscrit? Lors de l'exécution du test unitaire, j'ai un problème. TypeError: Impossible de lire la propriété «historique» de non défini. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.