Verwenden Sie dieses Tag für Fragen zur DOM-Verwendung und zu den Bindungen von React Router v4, v5 und v6.

Mehr über react-router-dom...

In Python können Sie so etwas tun: string_to_format = "Hey {name}" formatted_string = string_to_format.format(name="John") print(formatted_string) Das Ergebnis wäre: Hey John Ich möchte dasselbe in der Reaktion tun. Ich kenne über F-Saiten in Python und ihr Äquivalent in ES6, aber dies ist nicht d....
Ich habe eine Signin und markierung in der nav-bar. Mein "/" -Porm-Renders-Anmeldungskomponente und die Anmeldekomponente verfügen über ein Formular mit Eingabe und Taste. Beim Santiting das Formular oder Klicken auf die Schaltfläche, die ich aufgenommen habe ("/ Signin") -Schound-Seite, die mei....
1 Juni 2021 im 16:24
Ich folge einem sehr einfachen Tutorial auf Reaktrouten, und aus irgendeinem Grund rendert dieser Codeblock die Komponente nicht auf dem Bildschirm. Hier ist mein Code in app.js : import React from "react"; import "./App.css"; import { BrowserRouter as Router, Route } from "react-router-dom"; impor....
1 Juni 2021 im 05:39
Nachfolgend finden Sie meine Index.js-Datei von App: 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'; import { apply....
31 Mai 2021 im 16:56
Guten Morgen, Ich habe ein Problem, wenn ich mit dem Reaktionsrouter-Dom mit meiner eigenen Webpack-Konfiguration arbeitet. Ich weiß, dass er die Create-React-App (fast) irgendwelche Probleme lösen und freundlich zu verwenden ist, aber wir möchten mehr Flexibilität haben. Dies ist meine Hauptanwendu....
31 Mai 2021 im 10:35
Angenommen, es gibt eine Route wie <base-url>/search Die Route ist definiert wie import { Link, BrowserRouter as Router, Route } from "react-router-dom"; import { useHistory, useLocation } from "react-router-dom"; ... <Router> ... <Route path="/search/:searchInput"> <Search /> </Route> </....
Kann jemand bitte zeigen und erklären, wohin ich hier schief gehe, ich habe Code in anderen Projekten strukturiert und hat so nicht sicher gearbeitet, wohin das Problem ist. Wenn ich auf meine Schaltfläche klicke, wechselt sie auf den neuen URL-Pfad, rendern Sie jedoch nicht die neue Komponente. Cod....
28 Mai 2021 im 14:58
Dies ist meine Routerstruktur: <Router> <main className="py-3"> <Switch> <Container> <Route exact path="/admin" component={AdminScreen}></Route> <Route path="/:campaignId" component={CampaignScreen}></Route> <Route path="/" component={Home....
27 Mai 2021 im 20:40
Ich versuche, durch ein Array des Objekts zu filtern und den Titel und den Überblick darüber in die Seite zu rendern. Ich benutze die ID, um zu finden, wonach ich suche, aber wenn ich benutze. Filter scheint es nicht, die ID zu finden. ....
26 Mai 2021 im 04:28
Ich mache eine Anfrage an die API und komme dann "Hallo". I speichern Sie dieses Hello in einem test_text variable und später in der Rückkehr, möchte ich Benutzer in eine andere URL umleiten möchten, wenn test_text nicht eingestellt ist. Sonst möchte ich eine Komponente vorstellen möchten. Diese....
Nach erfolgreichem Login, wie kann ich sehen / auf Dashboard, CreatedLink -Komponenten, die in der geschützten Route erwähnt werden. Könnte jemand, bitte raten, wie ich überprüfe loginEmail ist in LocalStorage verfügbar. Zeigt dann die obigen Komponenten an, die Anmeldeanmeldung anzeigt. Benötige i....
22 Mai 2021 im 11:05
Ich versuche, den Onenter of Router von react-router-dom zu verwenden, um zu validieren, ob sich ein Benutzer authentifiziert. Ich halte die Authentifizierung im Login-Reduzierer. Ausgangszustand: const initialState = { logged: false, userName: null } In meiner App.js habe ich meinen Router....
22 Mai 2021 im 00:01
Ich bin neu, um JS zu reagieren. Ich implage der Schublade (Material-UI), also, wenn der Benutzer auf das linke Menü (linkmENU.jsx) klickt; Die jeweilige Komponente sollte in der Mitte übertragen werden (d. H. MAINCONTENT.JSX) Leider bekomme ich folgender Fehler: Error: Invariant failed: You should....
Die Sache, die ich versuche, ist eine mehrseitige Reaktion-App, in der ich zwischen den Seiten navigieren kann (wie von der Hauptstrecke '/' bis '/ Whitepape' oder 'privacypolicy'), aber ich habe 4 verschiedene Routen ('/', 'Services ',' Funktionen ',' ContactUS ') innerhalb der Hauptstrecke' / ', d....
Ich verwende Reaktionsrouter, und ich habe eine Route mit dem Pfad {{x0} erstellt, der die Kontokomponente trifft. Diese Komponente macht einen Navigon. Unten, dass Navig, möchte ich, dass es eine andere Komponente abhängt, je nachdem, was die URL ist. Wenn die URL account/edit} account/edit ist, mö....
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 im 18:50
Versuche, diese Kartenelemente zu verknüpfen Auf diese Seite. So, dass, wenn ich auf den Services auf der Grundlage auf der Bodenabschnitt auf der Logistikseite, der Air Card at Services-Bildschirm zum Air-Bereich auf der Logistikseite, der Sea Card auf dem Services-Bildschirm zum Sea-Bereich au....
19 Mai 2021 im 16:04
Ich möchte den Gebrauchsparams-Wert bekommen, aber ich erhalte jedoch einen undefinierten Wert ... Ich weiß nicht warum, da ich die Parameter-ID in {{x0} verwende path='/investment/:id' // index.js import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter, Route, Switch, Re....
19 Mai 2021 im 09:10
Ich habe Probleme beim Routing mit dem React-Router-DOM- und benutzerdefinierten Dev-Server mit Express, WebPack-dev-Middleware, Webpack-Hot-Middleware. Dies ist meine Webpack Config. const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); const webpack = require('web....
18 Mai 2021 im 08:21
Ich baue also auf einer Website, dass Benutzer die Profile anderer anzeigen können. Ich habe eine Profilkomponente und möchte Profile auf der Grundlage der Benutzer-ID anzeigen. Ich sende diese Benutzer-IDs als URL-Parameter. Mein Problem ist, wenn ich von einem anderen Benutzer-Profil in mein Profi....
Heute arbeitete ich mit Reaktion und auch mit React-Router-Dom zusammen. Ich wollte meine eigene "Route" mithilfe meiner eigenen Klasse erstellen, aber ich kann nicht herausfinden, wie Sie die ID erhalten, bevor Sie die Seite rendieren. Mein Code lautet wie folgt: import React from "react" import { ....
15 Mai 2021 im 22:46
Ich habe eine verschachtelte Reaktionsrouteranwendung implementiert. Mit der Gliederung für die Routingstruktur unten funktioniert es in Ordnung, um 1,2,3 mit (1) zu gelangen. Wenn ich auf 3 lande, zeigt es {sidebar und -komponente ordnet (1) ordnungsgemäß an. Wenn ich auf die {Link in der Komponent....
14 Mai 2021 im 00:35
Kann mir jemand sagen, warum diese Funktion mir nicht die gewünschten Ergebnisse gibt. Habe ich etwas offensichtlich verpasst? Wenn ich Protokoll habe import React from 'react' import Navbar from './Components/Navbar' import {BrowserRouter as Router, Route} from 'react-router-dom'; import Home from ....
13 Mai 2021 im 10:14
Ich versuche, einen Textwert auf das Folgende "http:.//3-10.cetecerpdevel.com:3101/customer/list_new" von "http:3101/customer/list_new" aus dem TextFilter von "external_key = blabla" in reagieren. Also mit anderen Worten, http: //3-10.cetecerpdevel.com: 3101 / kunden / list_new? External_key = blabl....
Was ich versuche, ist auf der Bearbeitungsseite, ich suche zuerst nach dem Artikel und bearbeiten Sie ihn dann. Wann immer ich zu '/ Artikel / Edit' gehe, rendern Sie auch die ItemPage-Seite ('/ Artikel /: ID') Seite. Gibt es eine Möglichkeit, dies auszuarbeiten, oder ich muss den Link der Edit-Sei....