Programmierung react-router-dom

4

Reaktion: Unterschied zwischen <Route path path = “/” /> und <Route path = “/” />

Kann jemand den Unterschied zwischen erklären <Route exact path="/" component={Home} /> und <Route path="/" component={Home} /> Ich kenne die Bedeutung von "genau" nicht.

161 reactjs react-router react-router-dom

8

Routenänderung mit React-Router erkennen

Ich muss je nach Browserverlauf eine Geschäftslogik implementieren. Was ich tun möchte, ist ungefähr so: reactRouter.onUrlChange(url => { this.history.push(url); }); Gibt es eine Möglichkeit, einen Rückruf vom React-Router zu erhalten, wenn die URL aktualisiert wird?

87 reactjs react-router react-router-v4 react-router-redux react-router-dom

8

So erhalten Sie Abfrageparameter in React-Router v4

Ich verwende React-Router-Dom 4.0.0-Beta.6 in meinem Projekt. Ich habe einen Code wie folgt: <Route exact path="/home" component={HomePage}/> Und ich möchte Abfrageparameter in der HomePageKomponente erhalten. Ich habe location.searchparam gefunden , der so aussieht : ?key=value, also ist es nicht analysiert. Was ist der richtige Weg, um Abfrageparameter mit React-Router v4 …

86 react-router react-router-v4 react-router-dom

3

Die Eigenschaft 'history' von undefined kann nicht gelesen werden (useHistory-Hook von React Router 5)

Ich verwende den neuen useHistory-Hook von React Router, der vor einigen Wochen herauskam. Meine React-Router-Version ist 5.1.2. Meine Reaktion ist in Version 16.10.1. Sie finden meinen Code unten. Wenn ich jedoch die neue useHistory vom React-Router importiere, wird folgende Fehlermeldung angezeigt: Uncaught TypeError: Cannot read property 'history' of undefined was …

18 reactjs react-router react-hooks react-router-dom react-context

1

Übergabe des Links von react-router-dom an eine externe Bibliothek

Ich rendere Komponenten aus meiner externen Musterbibliothek (node_modules). In meiner Haupt-App übergebe ich meine LinkInstanz react-router-domwie folgt an die Komponente meiner externen Bibliotheken: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> In meiner Bibliothek …

10 javascript reactjs react-router-dom

2

Reagieren Sie mit - Ant Design Sider auf Router: So füllen Sie den Inhaltsbereich mit Komponenten für den entsprechenden Menüpunkt

Ich versuche, AntD Menüsider wie ein Registerkartenfeld zu verwenden. Ich möchte Komponenten in den Inhalt einfügen, damit das Inhaltsfenster die zugehörige Komponente rendert, wenn auf ein Menüelement geklickt wird. Wie kann ich diese Struktur dazu bringen, Komponenten als Inhalt für jeden Menüpunkt zu verwenden? import React from 'react'; import { …

8 javascript reactjs react-router-dom antd

Als «react-router-dom» getaggte Fragen