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

react-router-dom...

J'ai ce tableau: <Table hover bordered striped responsive size="sm"> <thead> <tr> <th>Nom du fichier</th> <th>Date et heure d'ajout</th> </tr> </thead> <tbody> {this.state.fi....
8 avril 2020 à 12:24
Tout d'abord, merci à tous ceux qui lisent ceci et sont prêts à vous aider! J'essaie de créer une application Web react-redux et j'ai du mal à accéder à un identifiant à partir de l'URL dans un conteneur. L'URL ressemble à ceci: websitename.com/games/:game_id J'ai besoin d'accéder à cela: game_id af....
J'ai ce code et toujours que je mets un itinéraire inexistant qu'il redirige vers la maison. Je veux que lorsqu'un itinéraire non existant entre des redirections vers /404 et quand rien ou / est entré, il redirige vers Home. <Switch> <Route exact path="/badges" component=....
J'ai une application React frontale simple créée à l'aide de npx create-react-app. L'application utilise des routes react-router-dom. Lorsque je change directement l'URI dans le navigateur, par exemple localhost:3000/ en localhost:3000/search, il accède à <Route> mais sans rendu CSS; juste HTML du c....
26 mars 2020 à 12:06
J'utilise la construction d'une application React Ici, je ne peux pas comprendre comment rediriger vers /dashboard après une connexion réussie. Toute aide serait utile Dans ce fichier, je passe mon nom d'utilisateur et mon mot de passe à mon action redux this.props.login signin.js handleLoginCli....
23 mars 2020 à 14:33
Je me demande quelle serait la meilleure façon de lier un élément entier dans React. J'ai essayé une chose: <article className="post" onClick={() => window.location = '/blog/' + this.props.post.slug}></article> Cette méthode provoque le rechargement de la page entière. Une autre méthode que j'ai es....
25 déc. 2019 à 02:27
Je mets en œuvre Aucun itinéraire de correspondance , c'est bizarre qu'il soit rendu avec chaque route spécifiée et aussi pour non spécifié (il devrait), donc il est rendu tout le temps. Voici du code à examiner: Composant RouterNavigation qui génère <Route /> en utilisant un tableau passé et à la f....
21 déc. 2019 à 14:09
désolé si c'est quelque chose d'extrêmement simple que je néglige, mais j'essaie de créer un composant qui restreint essentiellement certains itinéraires de routeur de réaction uniquement aux utilisateurs qui ont un jeton actif. import Axios from "axios"; import React, {useState, useEffect, useSelec....
J'ai créé un composant de route publique pour la connexion afin de s'afficher si l'utilisateur n'est pas authentifié. Chaque fois qu'un utilisateur qui n'est pas connecté clique sur un itinéraire protégé, il sera redirigé vers la page de connexion où il pourra entrer les informations d'identificatio....
J'essaie de rediriger vers un composant en cliquant sur le bouton, voici ce que j'ai fait: import { Redirect, Router } from "react-router-dom"; class Home extends React.Component { state = { buttonState: "" }; constructor(props) { super(props); this.buttonOnClick = this.buttonOnCl....
12 déc. 2019 à 16:38
Pour un itinéraire non valide, je souhaite afficher le composant NotFound, mais également ne pas afficher le composant Navigation: const Layout: React.FunctionComponent = () => { return ( <Router> <Navigation /> <Switch> <Route path="/explore" exact> <ExploreIndex....
J'ai donc mes routes qui rendent un composant: const Layout = () => { return ( <InitLayout> <Switch> <Redirect exact from='/' to='/home/recent' /> <Route path="/home/:category" exact component={Home}></Route> <Route path="/about" exact component={About}></Route> ....
7 déc. 2019 à 00:14
Je suis assez nouveau pour réagir-routeur. J'ai créé une seule page avec des barres de navigation qui peuvent naviguer vers l'une des deux pages. Dans l'une des pages, j'ai une série de liens qui devraient diriger vers un autre composant. Mon composant d'application traite du routage initial ....
Je crée une application React - Netlify Function. L'application utilise react-router-dom pour router vers les pages. import React from 'react'; import { Switch, BrowserRouter as Router, Route, Link, Redirect, withRouter, browserHistory } from 'react-router-dom'; ... <Router history={br....
Je travaille sur mon portfolio et, pour la vie de moi, je ne me souviens pas de la bonne façon de configurer la navigation pour une application d'une seule page voici la barre de navigation pour l'application <div id="wrappper"> <div id="nav-wrapper"> <div id="myName"> <h....
24 nov. 2019 à 05:58
Im essayant d'utiliser le matériel Ui avec mon projet frontend react. J'ai implémenté l'AppBar et le composant tiroir et ils fonctionnent très bien. Voici ce que j'ai réalisé jusqu'à présent: export default function MiniDrawer() { const classes = useStyles(); const theme = useTheme(); const [o....
22 nov. 2019 à 19:05
je construis une application react en utilisant react router dom v4. cette application a une disposition de base qui a un logo en haut, une barre latérale avec des boutons de navigation et un wrapper, à l'intérieur de cette disposition, je veux avoir tous mes composants d'application en fonction des....
20 nov. 2019 à 03:35
J'ai du mal à modifier l'itinéraire par programme en utilisant ReactRouter version ^ 5.1.2. J'ai encapsulé le composant avec withRouter HOC de la bibliothèque react-router-dom afin que je puisse accéder à l'objet historique et utiliser la fonction history.push, et dans le navigateur, le lien est mod....
19 nov. 2019 à 11:07
J'ai peu de problèmes avec le routage dans mon application React. J'ai créé une application avec npx create-react-wptheme. WordPress a été installé à l'aide de mamp sur mac. Voici donc mon code index.js import React from 'react' import ReactDOM from 'react-dom'; import './index.css'; import App from....
mon nom Rajdeep Singh. J'utilise react-router-dom dans mon projet react. lorsque vous cliquez sur la balise Link, la balise Link ne fonctionne pas. Je ne comprends pas pourquoi ne fonctionne pas. URL de modification dans le navigateur mais un composant, pas de changement sur l'application Web vérifi....
Je souhaite rendre Header conditionnel page par page, ce qui signifie que je ne souhaite pas afficher Header sur la page Home et que je souhaite afficher Header sur les autres pages. comme la page des articles, la page des projets, etc. J'ai essayé de penser comment résoudre ce problème, mais il n'y....
12 nov. 2019 à 17:09
J'ai un composant appelé "PrivateComponent", qui vérifie si un utilisateur connecté a accès à un fragment d'application (un composant ou une route). Le point est: je ne peux pas utiliser avec Routes. J'ai un tableau de routes, et je suis en train d'imbriquer ces routes dans le composant privé. Et ......
11 nov. 2019 à 18:17
Je crée une application eLearning en utilisant React et je souhaite partager des itinéraires avec de nombreux utilisateurs (élèves, enseignants et administrateurs), donc j'utilise cette méthode. NewRoute.js const NewRoute = ({ component: Component, type: type, ...rest }) => ( <Route ....
11 nov. 2019 à 15:10
J'utilise React 16.11.0 et react-router-dom 5.1.2. J'ai un tableau d'objets représentant des pages comme celle-ci: const pages = [{ url: "/", component: "Home" }, {...}, ... ] Mise à jour: je devrais peut-être mentionner que cela provient d'une chaîne JSON afin que je ne puisse pas déterminer le ty....
10 nov. 2019 à 04:22
Je travaille sur React avec Material-UI pour créer une application de type tableau de bord. Dans la page d'accueil du tableau de bord, il y a trois sections, 1 pour les projets et 1 pour la section récapitulative des projets et une autre pour les notifications. Je veux la fonctionnalité comme, lorsq....
8 nov. 2019 à 15:09