に関する質問と回答および情報 react-router-dom

Reactルーティングが正しくルーティングできません

管理ページのルートを作成しようとしています。コードは以下にあります。私の現在の問題は、currentUserに認証されたユーザーobjがあり、userTypeがFalseであるということですが、それでも/createUser...にアクセスできます。

• reactjs • react-router • react-router-dom

ListItemButtonがReactRouterv6 Linkを使用できるようにするにはどうすればよいですか?

MUIのミニバリアントドロワーの例に従って、左側のListItemButtonがReactRouterv6のLink要素で機能するようにしようとしています。ドキュメントは、方法についてあまり明確ではありませんでした...

IDがreactルータに存在しない場合にIDを持つルートを見つからないようにリダイレクトする方法

idpatients /:idのルートがあります。このpatients/10のようなブラウザでルートを入力すると、IDが10の患者のデータが表示されます。問題は、DBに存在しないIDを入力する場合です...

変数(localhost / case_detail /:variable)のあるサイトは、画像を読み込んだり、クエリを送信したりしません

私のプロジェクトにはかなり大きな問題があります。基本的に、他のすべてのリンク(localhost / caseなど)(変数なし)では、すべてが完全に正常に読み込まれます(クエリと画像でテストされます)が、(...

ログインページからルートページへのルートがNetlifyで機能しない

管理パネルがあります。ログイン後、ユーザーはダッシュボードを見ることができます。ローカルホストでは、うまく機能します。しかし、Netlifyにデプロイすると、ログインページとユーザーログインを表示した後、空白のページが表示されます。..。

ここreactJSで他のコンポーネントに移動するにはどうすればよいですか?

私はreactJSを初めて使用し、このコードで無効なフック呼び出しのエラーが発生します。エラーメッセージは次のとおりです。キャッチされていないエラー:無効なフック呼び出し。フックは、関数の本体の内部でのみ呼び出すことができます...

Reactでルートパラメータを取得する[重複]

<Route path = "chats /:id" element = {<Chat />} /> import React from "react"; export default class Chat extends React.Component {render(){return(<>..。

<Navigate>は、<Router>コンポーネントのコンテキストでのみ使用できます

これは私のサインアップページです。サインアップフォームを送信した後、ホームページにリダイレクトされません。代わりに、コンソールで多くのエラーが発生した空白のページにリダイレクトされます。これが私のコンソールログエラーです...

useNavigateの状態はnullですか?

最初のコンポーネントでuseNavigateを使用すると、2番目のコンポーネントをレンダリングしたときに状態がnullに見えるのはなぜですか?ここで見つかった回答を確認しましたが、見つかりませんでした...

react-router-domは条件付きでルートを構築し、パラメーターをクラスベースのコンポーネントに渡します

私はreact-router-domを使用してアプリを構築しています。このアプリは、AJAXリクエストを作成して初期化し、ルートを使用してパラメーターをクラスベースのサブコンポーネントに渡します。同時に方法がわからない1)..。

支払い後に成功ページに直接アクセスできないようにするにはどうすればよいですか?

React 18.0、React Router Dom(v6)を使用しており、PaypalCheckoutを実装しようとしています。それはうまく機能し、支払い後、ユーザーを成功ページにリダイレクトします。このページには、...のダウンロードリンクが含まれています。

react-router-domv6.3のルート間の遷移

そのため、現在Webサイトをリファクタリングしているので、以前のWebサイトバージョンのv5にあったrrdを使用します。これで、コンポーネントがもう存在しないため、新しいコンポーネントを使用する必要があります...

質問に答える(ルートコンポーネントは<Switch>では機能しません)

<Switch>コンポーネントを使用しましたが、一部の<Route>が機能しています。ルートを使用するには、.jsファイルを作成してエクスポートし、インポートしてApp.jsで使用します<Switch> <Route path = "/ detail"> <.. ..

ページはreact-router-dom[duplicate]を使用した更新時にのみロードされます

私のReact.jsプロジェクトは、data.jsからのリンクを垂直ナビゲーションバーに動的に入力しています。ImageCategory.jsxページコンポーネントには、カテゴリのタイトルが動的に入力されたh1があります。反応を使用して-...

別の離れたコンポーネントがレンダリングした後のレンダリングコンポーネント

ナビゲーションメニューアプリのコンポーネントツリーの下には、<NavLinks>コンポーネントであるメニュー項目を含むドロップダウンメニューコンポーネントDropdownMenu2があります。アイテムがクリックされるたびに、それは...を指します。