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} />...
J'ai ce qui suit: Comment supprimer le trait de soulignement bleu? Le code est ci-dessous: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Le composant MenuItem provient de http://www.material-ui.com/#/components/menu...
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...
Je crée une application qui utilise webpack-dev-server en développement aux côtés de react-router. Il semble que webpack-dev-server est construit autour de l'hypothèse que vous aurez un point d'entrée public à un endroit (c'est-à-dire "/"), alors que react-router permet un nombre illimité de points...
Je n'arrive pas à trouver comment mettre à jour les paramètres de requête avec react-router sans utiliser <Link/>. hashHistory.push(url)ne semble pas enregistrer les paramètres de requête, et il ne semble pas que vous puissiez passer un objet de requête ou quoi que ce soit comme second...
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">...
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:...
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:
J'ai un problème lors de la navigation dans une autre page, sa position restera comme la page précédente. Donc, il ne défilera pas automatiquement vers le haut. J'ai également essayé d'utiliser window.scrollTo(0, 0)sur le routeur onChange. J'ai également utilisé scrollBehavior pour résoudre ce...
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...
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...
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
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...
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...
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...
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....
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...
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"...