ホームページ > 記事 > ウェブフロントエンド > React 4.0 ルートにジャンプする方法
React4.0のルートジャンプ方法: 1.「npm installhistory --save」で「history」をインストール; 2.ジャンプ先のjsファイルにcreateHashHistoryを導入し、「」というコードを実行import { createHashHistory } from '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を使用する必要がある場合があります。
以下は、v4.0 React-Router の js モードでの hashRouter ジャンプの実装手順です。
v4.0は履歴を削除しているため、履歴を操作するにはサポートパッケージをインストールする必要があります:
npm install history --save
ジャンプしたい場所に対応するjsファイルにcreateHashHistoryを導入して実行しますジャンプするコード '/share' に移動します。例:
import { createHashHistory } from 'history' createHashHistory().push('/share')
は問題ありません。
上記のメソッドを使用してジャンプする前に、Router が定義されていることを確認する必要があります。次のコードを参照できます:
import { HashRouter as Router, Route, Switch } from 'react-router-dom' ... <Router> <App> <Switch> <Route path='/index' component={显示的组件1}> <Route path='/share' component={显示的组件2}> ... </Switch> </App> </Router>
推奨される学習: "react ビデオ チュートリアル"
以上がReact 4.0 ルートにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。