Articles of router

Comment passer des parameters avec history.push dans react-router v4?

Comment pouvons-nous passer 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'); });

Réagissez à l’exemple de la barre de navigation du routeur

Je suis un débutant dans React JS et j’aimerais développer une navigation basée sur un routeur de réaction pour mon tableau de bord. La maquette est la suivante: Mon code app.js que j’ai créé pour essayer le routage est le suivant: import React from ‘react’ import { render } from ‘react-dom’ import { Router, Route, […]

onEnter non appelé dans React-Router

Ok, j’en ai marre d’essayer. La méthode onEnter ne fonctionne pas. Toute idée pourquoi est-ce? // Authentication “before” filter function requireAuth(nextState, replace){ console.log(“called”); // => Is not sortingggered at all if (!isLoggedIn()) { replace({ pathname: ‘/front’ }) } } // Render the app render( , document.getElementById(“lf-app”) Modifier: La méthode est exécutée quand j’appelle onEnter={requireAuth()} , […]

Composant ne remonte pas lorsque les parameters de route changent

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 est chargé, je déclenche une demande de données pour ce projet à partir de l’événement componentDidMount. Je me heurte maintenant à un problème: si je passe directement d’un projet […]

Comment définir le DefaultRoute sur une autre route dans React Router

J’ai ce qui suit: Lorsque vous utilisez DefaultRoute, SearchDashboard génère un rendu incorrect car tout tableau de bord * doit être rendu dans Dashboard. Je voudrais que mon DefaultRoute dans la route “app” pointe vers la route “searchDashboard”. Est-ce quelque chose que je peux faire avec React Router, ou devrais-je utiliser le Javascript normal (pour […]

Redirection automatique après la connexion avec react-router

Je voulais créer une connexion Facebook dans mon application react / réact-router / stream . Un auditeur est enregistré sur l’événement de connexion et souhaite redirect l’utilisateur vers ‘/dashboard’ s’il est connecté. Comment puis-je le faire? location.push ne fonctionnait pas très bien, sauf après avoir complètement rechargé la page.

React Router v4 – Comment obtenir l’itinéraire actuel?

Je voudrais afficher un title dans qui soit en quelque sorte transmis depuis l’itinéraire actuel. Dans React Router v4, comment serait-il capable de transmettre la route actuelle à son title prop? Existe-t-il un moyen de transmettre un titre personnalisé à partir d’un prop personnalisé sur ?

React-Router un seul enfant

Je continue à avoir l’erreur: Un ‘routeur’ peut avoir un seul élément enfant lors de l’utilisation de react-router. Je n’arrive pas à comprendre pourquoi cela ne fonctionne pas, car c’est exactement comme le code qu’ils montrent dans leur exemple: https://reacttraining.com/react-router/web/guides/quick-start Voici mon code: import React from ‘react’; import Editorstore from ‘./Editorstore’; import App from ‘./components/editor/App’; […]

react-router vs react-router-dom, quand utiliser l’un ou l’autre?

Les deux ont un itinéraire, un lien, etc. Quand utiliser l’un ou l’autre? Je suis vraiment confus sur où utiliser chacun d’eux. Du côté serveur? Côté client? https://reacttraining.com/react-router/ Dans certains exemples, vous devez passer l’histoire, dans d’autres pas. Que faire? contre Il est vraiment difficile de savoir quand utiliser l’un ou l’autre, toute aide appréciée.

Comment utiliser Redirect dans le nouveau dom de Reactjs

J’utilise la dernière version du module react-router, nommé react-router-dom, qui est devenu par défaut le développement d’applications Web. Je veux savoir comment faire une redirection après une requête POST. J’ai fait ce code, mais après la demande, rien ne se passe. Je passe en revue sur le Web, mais toutes les données concernent les versions […]