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...

Dans Python, vous pouvez faire une telle chose: string_to_format = "Hey {name}" formatted_string = string_to_format.format(name="John") print(formatted_string) Le résultat serait: Hey John Je veux faire la même chose dans réagir. Je sais sur les fûtes F dans Python et leur équivalent en ES6, mais ....
J'ai une signature et inscription dans la barre de navigation. Mon «/» Rendez le composant d'inscription et le composant d'inscription a un formulaire avec entrée et bouton. Sur Sumbitting the Form ou en cliquant sur le bouton, je devrais être dirigé vers ("/ Signin") Signin Page qui rend mon co....
1 juin 2021 à 16:24
Je suis à la suite d'un tutoriel très simple sur les itinéraires de réaction et, pour une raison quelconque, ce bloc de code ne rend pas le composant à l'écran. Voici mon code dans app.js : import React from "react"; import "./App.css"; import { BrowserRouter as Router, Route } from "react-router-d....
1 juin 2021 à 05:39
Vous trouverez ci-dessous mon fichier d'application index.js: import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import App from './App.js'; import { createStore, combineReducers } from 'redux'; import { Provider } from 'react-redux'; impor....
31 mai 2021 à 16:56
Bonjour, J'ai un problème lorsque vous travaillez avec réagir du routeur DOM à l'aide de ma propre configuration WebPack. Je sais que l'utilisation de Create-React-APP résoudra (presque) des problèmes et sera amical à utiliser, mais nous aimerions avoir plus de flexibilité. Ceci est ma principale ap....
31 mai 2021 à 10:35
Supposons qu'il y ait une route comme <base-url>/search L'itinéraire est défini comme import { Link, BrowserRouter as Router, Route } from "react-router-dom"; import { useHistory, useLocation } from "react-router-dom"; ... <Router> ... <Route path="/search/:searchInput"> <Search /> </Rout....
Quelqu'un peut-il s'il vous plaît montrer et expliquer où je vais vous tromper ici, j'ai utilisé le code structuré comme celui-ci dans d'autres projets et cela n'a pas fonctionné de manière à ce que le problème soit. Lorsque je clique sur mon bouton, il passe au nouveau chemin de l'URL mais ne rend ....
28 mai 2021 à 14:58
Ceci est ma structure de routeur: <Router> <main className="py-3"> <Switch> <Container> <Route exact path="/admin" component={AdminScreen}></Route> <Route path="/:campaignId" component={CampaignScreen}></Route> <Route path="/" component={H....
27 mai 2021 à 20:40
J'essaie de filtrer à travers une gamme d'objets et de rendre le titre et la vue d'ensemble de cela dans la page. J'utilise l'ID pour trouver ce que je cherche, cependant, lorsque j'utilise .Filter, il ne semble pas trouver l'identifiant. ....
26 mai 2021 à 04:28
Je fais une demande à l'API et en retour, je reçois "Bonjour". Je Stockez ce bonjour dans un test_text variable et plus tard en retour, je voudrais vouloir rediriger l'utilisateur à une autre URL si Test_text n'est pas défini. Sinon, je voudrais présenter un composant. Ce code est fonctionne co....
Après une connexion réussie, comment puis-je voir / accéder aux composants Dashboard, CreatedLink mentionnés à l'intérieur de la route protégée. Quelqu'un pourrait-il vous conseiller comment puis-je vérifier loginEmail est disponible dans localStorage puis affiche les composants ci-dessus. Ai-je be....
22 mai 2021 à 11:05
J'essaie d'utiliser l'ONENTER du routeur de react-router-dom pour valider si un utilisateur est authentifié. Je garde l'authentification dans le réducteur de connexion. Etat initial: const initialState = { logged: false, userName: null } Dans mon app.js j'ai mon routeur import React from 'r....
22 mai 2021 à 00:01
Je suis nouveau pour réagir JS. Je mettez en place le tiroir (matériau-ui), de sorte que lorsque l'utilisateur clique sur le menu de gauche (gauchemenu.jsx); Le composant respectif devrait être rendu au centre (c'est-à-dire MainContent.jsx) Malheureusement, j'obtiens l'erreur suivante: Error: Invar....
import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom"; class App extends Component { constructor(){ super(); this.state = { windowWidth: window.innerWidth, navOpen: true, user: { id: '', name: '', email: '' } ....
21 mai 2021 à 08:35
J'ai le suivant class EntityProfile extends React.Component { constructor(props) { super(props); } render() { console.log(this.props.location) // This doesn't work console.log(window.location.hash.split('/')[2], 'this is my id') return ( <Cont....
21 mai 2021 à 04:50
Essayer de configurer une barre NAV simple à l'aide de React-Bootstrap, je souhaite maintenir dans l'état la page active, c'est le composant: import React, { useState } from 'react'; import { Navbar, Nav } from 'react-bootstrap'; const Navigation = () => { const [activeItem,....
Ceci est mon code pour charger des itinéraires (réagir Router DOM 5) en fonction de l'objet utilisateur dans le contexte. function App() { return ( <UserContextProvider> <BrowserRouter> <Navigation/> </BrowserRouter> </UserContextProvider> ); } Code de navi....
21 mai 2021 à 00:40
La chose que j'essaie est d'une application de réagissance de MultiPage où je peux naviguer entre les pages (comme de la route principale '/' à '/ WhitePape' ou «Privacypolicy»), mais j'ai 4 itinéraires différents ('/', 'Services ',' Caractéristiques ', "Contact'") Dans la route principale "/" qui u....
J'ai un composant parent Dash et un enfant appelé une équipe de la méthode de rendu (les deux sont des cours) Dans son rendu, j'ai: <Route exact path='/team' component={() => <Team currCompany={this.state.currCompany} />} /> À l'intérieur de cette composante de l'équipe: Dans la fonction Render: <....
20 mai 2021 à 02:05
Pourquoi le composant Dashboard} n'est pas rendu après history.push("/dashboard") modifie l'URL à /dashboard? GIF présentant le problème, comme vous pouvez le constater, je dois cliquer manuellement sur le bouton Actualiser dans l'ordre pour déclencher le rendu. Index.js import ReactDOM from "react....
J'utilise React Router et j'ai créé un itinéraire avec le chemin /account qui rend le composant de compte. Ce composant rend une barre NAVBAR. Ci-dessous, NAVBAR, je veux que cela rendit un composant différent en fonction de l'intention de l'URL. Si l'URL est account/edit, je souhaite montrer le com....
Apps.js import './App.css'; import Home from "./pages/Home"; import UrlList from "./pages/UrlList"; import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; const App = () => { return ( <div className="App"> <Router> <Switch> <Route exact path="/"....
19 mai 2021 à 18:50
J'essaie de lier ces articles de carte À cette page De manière telle que lorsque je clique sur terre sur les services, il me faudra à la section terrestre de la page logistique, carte d'air de l'écran de services à la section Air de la page logistique, carte de mer à l'écran de services à la sec....
19 mai 2021 à 16:04
Je veux obtenir la valeur de USÉparams, mais je reçois une valeur indéfinie ... Je ne sais pas pourquoi puisque j'utilise l'identifiant des params en path='/investment/:id' // index.js import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter, Route, Switch, Redirect } from....
19 mai 2021 à 09:10
J'ai des problèmes dans le routage en utilisant React-Router-Dom et Personnalis Dev Server à l'aide d'Express, WebPack-Dev-Dev-Midassiciel, Webpack-Midassware. Ceci est ma configuration WebPack. const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); const webpack = r....
18 mai 2021 à 08:21