So verwenden Sie Link Jump in React

So verwenden Sie Link Jump in React: 1. Übertragen Sie unsichtbare Parameter über Link Jump und verwenden Sie dann „this.props.location.query“, um das übergebene Parameterobjekt abzurufen. 2. Übertragen Sie explizite Parameter über Link Jump „this.props.match.params.id“, um die Parameter abzurufen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie verwende ich Link Jump in React?

Link-Sprung in React

Link-Sprung trägt unsichtbare Parameter:

<Link to={{
            pathname: &#39;agent-openservice/&#39;,
            query:{
               shop_id:row.shop_id,
               merchant_id:row.merchant_id
            }
         }} />

Das übergebene Parameterobjekt kann über this.props.location.query abgerufen werden

Nachteile: Das Routing der Seitenaktualisierung geht verloren, Parameter gehen verloren

Vorteile: Kann mehrere Parameter übertragen

Link-Sprung trägt explizite Parameter

<Link to={{pathname: &#39;agent-openservice/&#39; + shopId, }} />

Mounted Routing-Pfad:

<Route path="agent-openservice/:id">

Parameter können über this.props.match.params.id abgerufen werden

Vorteile: Durch das Aktualisieren der Seite gehen keine Parameter verloren

Nachteil: Es kann nur ein Parameter übergeben werden

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Link Jump in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!