> 웹 프론트엔드 > 프런트엔드 Q&A > 반응 기록 없이 페이지 점프를 달성하는 방법

반응 기록 없이 페이지 점프를 달성하는 방법

藏色散人
풀어 주다: 2022-12-30 10:07:28
원래의
2614명이 탐색했습니다.

반응에서 기록하지 않고 페이지 이동을 구현하는 방법: 1. 해당 반응 파일을 엽니다. 2. "this.props.history.replace("/home");" 메서드를 사용하여 페이지 이동을 구현하고 기록을 지웁니다. 현재 페이지를 녹음해 보세요.

반응 기록 없이 페이지 점프를 달성하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응 기록 없이 페이지 이동을 달성하는 방법은 무엇입니까?

React-router: 페이지 이동 및 현재 페이지 기록 지우기

다음과 같은 상황이 있습니다.

사용자가 활성화 프로세스를 완료한 후 사용자가 활성화 링크를 열면 시스템이 해당 사용자를 다른 페이지로 이동시킵니다. .

사용자가 돌아올 때 활성화 단계를 다시 거치게 되므로 브라우저 기록에 활성화 링크를 유지하고 싶지 않습니다.

replace

this.props.history.replace("/home");
로그인 후 복사

를 통해 페이지로 이동할 수 있습니다. 관련 소개:

this.props.history.replace() 이 메소드의 매개변수는 대체 속성이 true인 Link 구성 요소의 to 속성이며 상태는 다음과 같을 수도 있습니다. 합격;

 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>
로그인 후 복사

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응 기록 없이 페이지 점프를 달성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿