다양한 React 버전의 라우팅 점프 방법 요약

이번에는 Reactroutingjump 메소드의 다양한 버전에 대한 요약과 React 라우팅의 다양한 버전에 대한 주의사항을 소개합니다. 실제 사례를 살펴보겠습니다.

머리말

React-Router는 여러 버전으로 출시되었으며 라우팅 Navigation을 사용하는 방법은 모두 다릅니다.

React-Router 2.0.0 버전

2.0.0 버전은 점프하려면 browserHistory를 사용해야 합니다. 자세한 내용은 코드를 참조하세요.

import { browserHistory } from 'react-router'
browserHistory.push('/path')

React-Router 2.4.0 버전 이상

React- Router 버전 2.4.0 이상의 경우 mixin 메소드를 사용하여 this.router 속성을 구성 요소에 추가한 후 해당 작업을 수행할 수 있습니다. 구체적인 mixin 코드 참조는 다음과 같습니다.

import { withRouter } from 'react-router';
clsss ABC extends Component {
}
module.exports = withRouter(ABC);

React-Router 버전 3.0.0 이상

React-Router 버전 4.0 이상

this.props.history.push('/path') 就可以进行跳转了

参数的获取

使用this.props.match.params.xxx 이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

위 내용은 다양한 React 버전의 라우팅 점프 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!