React [email protected] から @6.x へのアップグレードの実戦

I. 概要

現在、同社の React ツール関連製品のバージョンは全体的に低く、React Routerのバージョンは 3.x です (そう、そう読みました。3.x のバージョン、4 年前のバージョンです)。そして、最新の React Router はバージョン 6.x になりました。

ルーティングのペースに追いつき、ルーター関連のフック機能を使用できるようにするために、重要なアップグレードがここにあります。React-touter 6.x は React と React-dom に依存する必要があるため、プロジェクトは次の条件を満たす必要があります。

"peerDependencies": {
    "react": ">=16.8",
    "react-dom": ">=16.8"
}

現在、react router の最新バージョンは 6.14.0 であるため、ターゲット アップグレード バージョンとして必ず、react-router-dom: 6.14.0 を使用してください。はい、v4/v5 バージョンはスキップされ、v6 が直接配置されます。

2. React Router のアップグレード

2.1 コンポーネントのリファレンス

v6 バージョンでは、react router パッケージは 3 つのパッケージに分割できます。

  • act-router : コアパッケージ。コアルーティングとフック機能のみを提供し、直接使用されません。
  • React-router-dom : ブラウザ/Web アプリケーション用の API。反応ルーターに依存し、反応ルーター API を再公開する
  • 反応する

おすすめ

転載: blog.csdn.net/xiangzhihong8/article/details/132203450