이번에는 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);mixin을 사용한 컴포넌트는 this.router 속성을 갖게 되며, this.props.router.push('/path')를 사용하여 해당 경로로 점프하면 됩니다.
React-Router 버전 3.0.0 이상
버전 3.0.0 이후에는 관련 라우터 속성을 수동으로 혼합할 필요가 없습니다. to be jump.') 응답 경로로 점프합니다.React-Router 버전 4.0 이상
Route JumpReact-Router 4.0에서는 라우터 속성이 기록 속성으로 변경되었습니다. 사용 방법은 어디에서나 여전히 3.0과 유사합니다. 점프해야 합니다. 현재 경로의 매개변수를 얻을 수 있습니다this.props.history.push('/path')
就可以进行跳转了
参数的获取
使用this.props.match.params.xxx
이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
AngularJS 모달 상자 템플릿 ngDialog 사용 사례 공유로그인 상태를 유지하기 위해 쿠키를 사용하는 단계에 대한 자세한 설명위 내용은 다양한 React 버전의 라우팅 점프 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!