반응 라우터에서 정방향 및 역방향을 구현하는 방법

react-router에서 정방향 및 역방향 구현 방법: 1. "goback(){this.props.history.goBack()}"을 통해 순방향 라우팅을 구현합니다. 2. "go(){this.props.history. go() -1) }" 라우팅 폴백을 구현합니다.

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

React-Router는 순방향과 역방향을 어떻게 구현하나요?

React-Route 점프 방법 및 경로 전달 및 롤백

1. 라벨 점프

//1.引入依赖
import { Link  } from 'react-router-dom'
//2.在需要的地方加上这段，Link标签是a标签
<Link to={{ pathname: /*你的路由*/ }} replace> </Link>

2. 이벤트 점프

//1.引入依赖
import { withRouter } from 'react-router-dom';
//2.比如使用点击事件
fun(){
    this.props.history.push('/*你的路由*/')
  }
export default withRouter (App);

Route 전달 goBac()

goback(){
      this.props.history.goBack()  
  }

Route 롤백 push()

go(){
      this.props.history.go(-1) 
  }

추천 연구: " 리액트 영상 튜토리얼"

위 내용은 반응 라우터에서 정방향 및 역방향을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!