반응 4.0 경로로 이동하는 방법

React4.0 경로 점프 방법: 1. "npm install History --save"를 통해 "history"를 설치합니다. 2. 점프할 위치에 해당하는 js 파일에 createHashHistory를 도입하고 "import { createHashHistory } 코드를 실행합니다. 'history'createHashHistory().push('/share')"에서.

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

반응 4.0에서 경로를 리디렉션하는 방법은 무엇입니까?

React-Router v4.0 hashRouter는 js를 사용하여 점프합니다

React-Router v4.0에서는 hashRouter 사용을 중단했으며 주로 browserRouter를 권장합니다. 그러나 browserRouter를 사용하려면 서버의 협조가 필요하고 불편을 초래할 수 있습니다. , 때로는 hashRouter를 사용해야 하는 경우도 있습니다.

다음은 React-Router v4.0에서 js 모드로 hashRouter 점프를 구현하는 단계입니다.

v4.0은 히스토리를 제거하므로 히스토리를 운영하려면 지원 패키지를 설치해야 합니다.

npm install history --save

점프하려는 위치에 해당하는 js 파일에 createHashHistory를 도입하고 '/share'로 점프하는 코드를 실행합니다. ' 예:

import { createHashHistory } from 'history'
createHashHistory().push('/share')

벌써 괜찮아요.

위의 점프 방법을 사용하기 전에 라우터가 정의되었는지 확인해야 합니다. 다음 코드를 참조할 수 있습니다.

import { HashRouter as Router, Route, Switch } from 'react-router-dom'
...
<Router>
  <App>
    <Switch>
      <Route path=&#39;/index&#39; component={显示的组件1}>
      <Route path=&#39;/share&#39; component={显示的组件2}>
      ...
    </Switch>
  </App>
</Router>

추천 학습: "react video tutorial"

위 내용은 반응 4.0 경로로 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!