Utilisez cette balise pour les questions concernant l'utilisation DOM et les liaisons de React Router v4, v5 et v6.

Plus à propos react-router-dom...

Je suis en train de créer une application sur laquelle j'ai une page d'accueil où je rend les données que j'obtiens d'une API sous forme de cartes, et une page Favoris, où les cartes marquées comme favorites sont affichées. J'utilise .......
J'obtiens une erreur 404 lorsque j'essaye d'exécuter cette commande serve -l build Après avoir créé une application react, voici mon ./app.js et react-router qui sont implémentés dans le fichier. import React from "react"; import Header from "./Components/Header"; import LeafletContainer from "./co....
J'utilise ReactTransitionGroup avec ReactRouter. L'objectif est de rediriger en douceur d'un composant à un autre. Le problème - est que le composant est rendu deux fois. Un exemple de composant (vue) .......
J'ai une fonction onClick pour naviguer vers une autre page. J'ai essayé this.props.history.push ("/ SecondPage / ID /") et quelques exemples mais rien n'a fonctionné. J'ai le composant comme celui-ci: classe d'exportation .......
12 mars 2021 à 23:07
J'ai un petit problème car je ne peux pas rediriger l'utilisateur connecté vers l'application, lorsqu'il est enregistré dans localStorage. Les deux fonctions react-router-dom renvoient la profondeur de mise à jour maximale dépassée. mais pourquoi? import React, {.......
11 mars 2021 à 20:09
Les itinéraires sont construits à partir d'une liste d'objets. Mais dactylographié met en évidence l'erreur: (propriété) IRoute.component: React.ReactNode Le type d'élément JSX 'route.component' n'a pas de construction ou d'appel .......
11 mars 2021 à 15:35
Pour une visualisation et une image claire, je vais d'abord montrer la capture d'écran de l'application. J'utilise github api pour récupérer les repos et les utilisateurs. Simple. Maintenant, voici à quoi ressemble App.tsx; // App.tsx import React from "react"; import MainSearchPage from "./Compo....
J'utilise les composants Antd Menu et Menu Item. Mon application est telle que si vous cliquez sur un élément de menu particulier, l'URL change et cet élément de menu est sélectionné. Cependant, si vous êtes sur le tableau de bord, vous .......
11 mars 2021 à 08:56
J'utilise "Link" dans mon composant pour naviguer et transmettre des données respectives via des accessoires à un autre composant. J'ai ci-dessous le composant principal en tant que AllSuppliers qui utilise Link pour naviguer vers .......
J'essaye de changer le contenu de ma Navbar et de mon routeur via useContext et le rendu conditionnel. Ceci est mon App.js: import "./App.css"; import axios from "axios"; import { AuthContextProvider } from "./context/AuthContext"; import MyRouter from "./MyRouter"; axios.defaults.withCredentials....
11 mars 2021 à 01:24
J'ai un autre route.js: export const routes = [ {pathname: "/", exact: true, name: "Home Page", id: "home", component: Home}, {pathname: "/about", exact: true, name: "About Us", id: "about", component: About}, {pathname: "/services", exact: true, name: "Services", id: "services", compo....
10 mars 2021 à 15:40
C'est mon code 14 <NavLink 15 to={{ 16 pathname: `/confirmMail`, 17 user: { email, nickName }, 18 }} 19 > 20 {"Confirm Email"} 21 </NavLink> À la ligne 17 j'obtiens l'erreur Tapez '{chemin d'accès: chaîne; utilisateur: {email: string; nickName: ....
10 mars 2021 à 12:28
Je souhaite accéder au composant en fonction de l'identifiant du produit. Voici mon code. List.jsx import { Switch, Route, Redirect, withRouter } from "react-router-dom"; import CategoryList from "./CategoryList.jsx"; import ProductList from "./ProductList.jsx"; import React from "react"; import....
J'ai un formulaire à l'intérieur d'une route, que s'il y a des erreurs de validation, il ne devrait pas permettre à l'utilisateur de naviguer vers une autre route. S'il n'y a pas d'erreurs de validation, autorisez la navigation vers un autre itinéraire. Voici mon code actuel, que la fonction onBloc....
J'essaye de créer une application multipage avec clojurescript. Pour les trucs de réaction, j'utilise la bibliothèque helix. Pour le rechargement, j'utilise shadow-cljs. Lorsque vous essayez d'utiliser le react-router-dom comme en javascript, cela ne fonctionne pas. Voici mon code: (ns app.core ....
7 mars 2021 à 17:47
J'ai essayé de comprendre les redirections Netlify. Mon application Netlify est à ce lien ( cependant, il s'agit d'une application blockchain et nécessite que vous ayez un métamasque, donc je vais essayer d'expliquer mon problème afin que vous n'ayez pas à l'installer pour répondre à ma question ):....
Je peux faire en sorte que les itinéraires fonctionnent au niveau des pages, ainsi que les itinéraires imbriqués qui fonctionnent correctement si ce n'est sur la page d'accueil. par exemple / ........ homepage /pageA ... PageA /pageA1.....PageA1 (nested) /PageA2.....PageA2 (nested) /PageB .......
6 mars 2021 à 09:07
J'explique mon problème uniquement avec le code pertinent, car l'exemple complet se trouve dans this lien codesandbox. Je passe quelques accessoires via un lien vers un composant. Ces accessoires ont un horodatage Firebase. Les accessoires sont transmis correctement lorsque le composant est appel....
J'ai un crochet qui change la couleur d'arrière-plan de mon application. Je voudrais que la couleur d'arrière-plan reste modifiée lors de la navigation sur le site, mais le routeur réinitialise cet état à son état d'utilisation d'origine de «blanc». Comment mettre en œuvre cela correctement? Créé ....
J'ai quelques problèmes avec cette tranche de code, j'utilise Redux pour la gestion de l'état. Le comportement que j'attends est d'utiliser le répartiteur (celui avec le commentaire) une fois que l'utilisateur est connecté (donc juste une fois!) Mais il est appelé trois fois à chaque rendu de App.j....
5 mars 2021 à 17:57
Dans une application React, devrions-nous toujours utiliser le composant Link fourni par react-router-dom pour créer des liens (à la fois dans l'application et des liens externes)? Y a-t-il des situations où nous devrions utiliser le .......
4 mars 2021 à 09:33
J'ai component1 où je redirige l'utilisateur vers une autre page et transmets des accessoires comme celui-ci onClick = {() => history.push ({chemin d'accès: "/ étudiant / planandprice", état: {plan: history.plan ........
3 mars 2021 à 16:00
J'ai développé un site Web dans React en utilisant React-Bootstrap, et cela a bien fonctionné jusqu'à ce que j'aie installé et configuré React-Router-Dom et ai commencé à implémenter des routes, des liens, etc. (j'ai également installé react-router-bootstrap travailler avec) Je suis presque certain....
La redirection ne fonctionne pas, comment puis-je rediriger en utilisant des composants fonctionnels. const [redirect,setredirect]=useState(false); const onSubmit = (values,{resetForm}) => { console.log('Form data', values); setredirect(true); if(redirect) { return <Redirect ....
1 mars 2021 à 08:31
J'utilise le composant React router dom Link. C'est essentiellement le fil d'accueil de Twitter. Je veux pouvoir avoir deux types de liens dans un composant div. L'un sera Lien pour accéder au profil de l'utilisateur et l'autre pour accéder à la publication. Je reçois actuellement un avertisseme....
28 févr. 2021 à 17:12