ホームページ  >  記事  >  ウェブフロントエンド  >  React 4.0 ルートにジャンプする方法

React 4.0 ルートにジャンプする方法

藏色散人
藏色散人オリジナル
2023-01-06 09:50:031591ブラウズ

React4.0のルートジャンプ方法: 1.「npm installhistory --save」で「history」をインストール; 2.ジャンプ先のjsファイルにcreateHashHistoryを導入し、「」というコードを実行import { createHashHistory } from 'history'createHashHistory().push('/share')」ができます。

React 4.0 ルートにジャンプする方法

このチュートリアルの動作環境: 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=&#39;/index&#39; component={显示的组件1}>
      <Route path=&#39;/share&#39; component={显示的组件2}>
      ...
    </Switch>
  </App>
</Router>

推奨される学習: "react ビデオ チュートリアル"

以上がReact 4.0 ルートにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。