React Router - Une bibliothèque de routage complète pour React inspirée du système de routage d'Ember

Plus à propos react-router...

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'ai un projet de réaction comprenant deux pages: blog et galerie. Je peux récupérer des données avec react-query et naviguer entre les pages avec react-router. Le problème, c'est quand je navigue de blog en galerie (et .......
15 mars 2021 à 12:21
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) .......
Je suis nouveau pour réagir et j'ai du mal à trouver un moyen de mapper un tableau dans un tableau pour afficher le nom d'utilisateur et l'identifiant dans le composant. Comment puis-je atteindre cet objectif? Est-ce une mauvaise approche? [Tableau (4)] .......
14 mars 2021 à 14:26
Je ne voulais pas ma barre de navigation dans les pages de connexion et d'inscription, donc je trouve cette solution et cela fonctionne bien. mais dans le conteneur par défaut, je ne peux pas accéder à / movie /: id. il redirige toujours vers le composant d'origine. d'autres chemins sont .......
14 mars 2021 à 13:27
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
Je suis nouveau pour réagir et créer une application de démonstration Je souhaite rendre mon composant d'en-tête sur l'utilisateur de connexion, mais mon application ne rend pas le composant app.js lorsque je me connecte avec l'utilisateur, voici mon application .......
11 mars 2021 à 17:59
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 "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 d'appeler une image dynamiquement à partir de l'API de thesportsdb. Après la déstructuration, j'essaye de placer l'image en arrière-plan de cette div. Mais cela ne montre pas l'image. Cela ne fonctionne que lorsque j'ajoute une image statique en CSS. C'est un projet de pratique de réac....
11 mars 2021 à 06:13
Je n'arrive pas à me débarrasser du soulignement lorsque j'ajoute un lien React-Router à un élément Typography, même si underline = "none" ou "hover" est sélectionné. de useStyles: title: {.......
9 mars 2021 à 23:57
Lorsque j'envoie un formulaire, j'arrive directement à la page noire ou il est redirigé quelque chose comme ça? Name = "..." & type = "..." mais je veux rester dans le même composant et mettre à jour le composant .......
9 mars 2021 à 19:56
J'essaie d'appliquer la transition par défaut qui sort de la boîte d'IonRouterOutlet, et j'ai remarqué que cela ne fonctionnait que sur la plate-forme andriod et non sur ios. Index.ts ReactDOM.render( <React.StrictMode> <IonReactRouter> <App /> </IonReactRouter> </React.StrictMode>....
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'obtiens cette erreur: Erreur non interceptée: violation invariante: le type d'élément n'est pas valide: une chaîne attendue (pour les composants intégrés) ou une classe / fonction (pour les composants composites) mais obtenu: vérification d'objet .......
9 mars 2021 à 13:24
J'essaye de recevoir le «id» qui est dans l'URI. Mais je suis incapable de le récupérer. Route: <Route path="/reports/:id" > {!isLoggedIn ? <Redirect to="/login" /> : <UserReport userData={userData} /> } </Route> Lien: <Link to={'/reports/'+employee.id}> <span classNa....
9 mars 2021 à 12:11
entrez la description de l'image ici Nous avons ces deux boutons. Nous dirigeons les utilisateurs vers la page d'inscription en utilisant history.push en utilisant ce code. Je souhaite transmettre une sorte de données à la page d'inscription, par exemple si l'utilisateur est bénévole ou pour une b....
8 mars 2021 à 21:22
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'ai une application construite avec React et Express Node, et j'y ai 3 composants séparés. Le premier composant est une galerie, où l'utilisateur sélectionne une image pour créer un message avec une image d'arrière-plan. Lorsque le bouton est cliqué, l'utilisateur est dirigé vers un formulaire. ....
8 mars 2021 à 03:31
J'utilise react pour créer une liste de contacts. Je récupère les données dans home.js, puis j'envoie les données comme accessoire à un composant nommé contactList.js. Dans contactList.js, j'ai les données et quelques boutons pour effectuer des actions telles que modifier et supprimer. Chaque fois....
8 mars 2021 à 02:29
J'ai un BrowserRouter configuré dans mon fichier main.js et il bascule entre les pages souhaitées lorsque je visite les URL respectives Index.html <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/main.css" /> Main.js return ( <StateContext.Provider value={state}> ....
8 mars 2021 à 00:33
J'ai tous mes itinéraires configurés dans App.js: <main className="container my-4"> <Route path='/sign-up' render={() => ( <SignUp alert={this.alert} setUser={this.setUser} /> )} /> <Route path='/sign-in' render={() => ( <SignIn alert={this.alert} setUser={this.setU....
7 mars 2021 à 08:10
Bonjour, j'essaye de rediriger mon lien vers l'un de mes composants, mais je ne peux pas le faire. Pour expliquer, j'ai ma page d'accueil qui est ma page principale. Il redirige vers les composants via des liens. MenuPage <NavLink to="/administration/"> />Administration</NavLink> Page d'accueil <B....
6 mars 2021 à 22:57
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 ):....