Comment utiliser le saut de lien en réaction

La façon d'utiliser le saut de lien dans React : 1. Transportez les paramètres invisibles via le saut de lien, puis utilisez "this.props.location.query" pour obtenir l'objet paramètre transmis ; 2. Transportez les paramètres explicites via le saut de lien, puis utilisez "this.props.match.params.id" pour obtenir les paramètres.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Comment utiliser le saut de lien en réaction ?

Le saut de lien dans React

Le saut de lien comporte des paramètres invisibles :

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

L'objet paramètre transmis peut être obtenu via this.props.location.query

Inconvénients : le routage de l'actualisation de la page est perdu, les paramètres sont perdus

Avantages : Peut transporter plusieurs paramètres

Le saut de lien comporte des paramètres explicites

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

Chemin de routage monté :

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

Les paramètres peuvent être obtenus via this.props.match.params.id

Avantages : L'actualisation de la page ne perdra pas les paramètres

Inconvénient : Un seul paramètre peut être transmis

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!