Hatena Blog Tags
はてなブログ トップ
react-router
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

react-router

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Sassyブログ•2年前

react-router v6 のサブルートのパスが一致しない

ランキング参加中プログラミング 現在個人プロジェクトでReactを使って開発しています。 その中で react-router v6 を使用しているのですが、v5とは仕様が変わっていて上手く動かなかったので少し内容を記事に書き起こそうと思います。 まずコンソールに表示されていたメッセージはこちらです。 You rendered descendant <Routes> (or called `useRoutes()`) at "/report" (under <Route path="/report">) but the parent route path has no trailing "*".…

#react#react-router

関連ブログ

Studyplus Engineering Blog•2年前

ReactRouter で描画するコンポーネントを分けてみました

こんにちは。ウェブアプリケーショングループのエンジニアの川井です。 今回はReactアプリケーションの再描画を抑えるために、画面をいくつかのパーツに分け、各パーツごとにルーティングを管理するようにした話を紹介します。 背景 Studyplus for SchoolではReactとReact Routerを利用してSPAを実装しています。Reactを使ってSPAを実装する際にはReact Routerを使ってルーティングを管理することが多いです。React Routerの主な機能としてはURLに応じて表示するコンポーネントを切り替えることです。以下のようにReact Routerが提供しているS…

#react#react-router#JavaScript#TypeScript
Sassyブログ•3年前

【React】useRouteMatchが返す戻り値をuseEffectの依存関係に含めない方がよい

react-router-dom に用意されている useRouteMatch というhooksを使って2種類のURLをマッチングして、パスパラメータを取得し数値に変換してからオブジェクトを生成してStateに保存するカスタムフックを作成しました。 このカスタムフックは特定の画面で使用するパラメータ取得用の関数で場所（URL）が変更されたことをuseEffectで検知して、URLが2種類の内どちらかにマッチしているかを検査してからパラメータを取得するようにしています。 そのuseEffectの引数にuseRouteMatchの戻り値を使用して場所の変更を検知しようとしていたが、当初無限ループに…

#react#useRouteMatch#react-router#JavaScript#TypeScript