最終更新:2024-12-09 (月) 17:53:22 (40d)
React Router/開発
Top / React Router / 開発
React Router/ルータ
RouterProvider & createBrowserRouter
- React Router v6.4.0で追加
- This is the recommended router for all React Router web projects.
- ルート構成をオブジェクトやJavaScriptコードで宣言的に定義 (React Router/RouteObject)
- createRoutesFromElements?だとJSXで書ける
- We recommend all web projects use createBrowserRouter.
- ローダーやアクションなどのデータ取得やミューテーションロジックを組み込める
React Router/BrowserRouter
- v6以前から存在
- JSXで子要素としてルートを定義
- JSXの中にルートを直接記述でき、簡単で直感的。
React Router/ルート
React Router/RouteObjectで定義
JSXで定義
React Router/リンク
- React Router/Link
- React Router/NavLink?
- useNavigate
