Maison >interface Web >Questions et réponses frontales >Comment réaliser un saut de page sans enregistrer en réaction

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

藏色散人
藏色散人original
2022-12-30 10:07:282609parcourir

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");

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>

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!

Déclaration:
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