Comment réaliser un saut de page sans enregistrer en réaction

藏色散人
Libérer: 2022-12-30 10:07:28
original
2550 Les gens l'ont consulté

Comment implémenter le saut de page sans enregistrer dans React : 1. Ouvrez le fichier de réaction correspondant ; 2. Utilisez la méthode "this.props.history.replace("/home");" la page actuelle Enregistrez-la simplement.

Comment réaliser un saut de page sans enregistrer en réaction

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

Comment réaliser un saut de page sans enregistrer en réaction ?

React-router : saut de page et efface l'historique de la page actuelle

Il existe les situations suivantes :

L'utilisateur ouvre le lien d'activation une fois que l'utilisateur a terminé le processus d'activation, le système le déplacera vers une autre page ; .

Je ne souhaite pas conserver le lien d'activation dans l'historique du navigateur car lorsque l'utilisateur reviendra, il repassera par l'étape d'activation.

Vous pouvez accéder aux pages via replace

this.props.history.replace("/home");
Copier après la connexion

Introduction associée :

this.props.history.replace() Le paramètre de cette méthode est l'attribut to du composant Link dont l'attribut replace est vrai, et l'état peut également être réussi ;

 this.props.history.replace(`/Page2/Div1`)
 //等同于
 <Link replace to=`/Page2/Div1`></Link>
 this.props.history.replace(`/Page2/Div1`,{ id: 1, message: "你好啊" })
 //等同于
 <Link replace to={{pathname:`/Page2/Div1`,state:{id: 1, message: "你好啊"}}></Link>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!