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

トークンが無効な場合にユーザーを再ルーティングする方法反応

アプリケーションに再度アクセスするときにユーザーを再ルーティングするにはどうすればよいですか。これは、以前のトークンが無効になったことを意味します。ローカルストレージにある既存のトークンが有効でなくなったかどうかを確認するにはどうすればよいですか。私のapp.js今、...

反応ルーターで最後のURL部分を無視する方法は?

URLの最後の部分がIDを保持しているため、reactルーターを使用してURLの最初の部分に従ってページを表示したいと思います。最後の部分を読み取るにはどうすればよいですか。今はstring.split(&...を使用しています。

TypeScriptに対応-ユーザーの主張に応じた承認とコンポーネントの可視性

私はreactアプリケーションに取り組んでいます。ログイン機能と登録機能を作成しようとしています。このエクスポートのように見えるAuthorized.tsxコンポーネントがありますconstAuthorized=(props:authorizedProps)= .. ..

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

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

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

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

react-router-v6のアンカー(ページのセクション)までスクロールします

タグを使用してページの一部にスクロールしようとしています。例:<Link to = "/#first"> Go </ Link> ... <divid="first">最初のセクション</div>これ...

ReactJSナビゲーションで空白の画面が表示されます

同じ問題に直面している人々に関する他の記事をいくつか読んだことがありますが、それでも私に役立つものは見つかりませんでした。私が混乱しているのは、Login.jsコードを直接実行すると...が機能しないことです。

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

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

スクロールしてreactjsで表示[複製]

私はReactjsで開発しているeコマースソリューションに取り組んでいます。今、私はスクロールの問題に直面しています。私のページは、ユーザーがいくつかの質問をし、質問からオプションを選択する必要があるようなものです。..。

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

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

動的パーツreactjsでオプションを選択した後、次のパーツにスクロールします[複製]

react-router-6のプライベートルーティングに関するヘルプが必要です。実際には、バックエンドAPIが成功応答を返した場合にのみコンポーネントを返したいです。次のコードを参照してくださいsnipet、export..。

APIがReactのバックエンドから成功応答を返す場合にのみ関数から戻る

こんにちは、反応するのは初めてで、reactrouterで問題に直面しています。実際には、ナビゲーション用のreact router domでuseNavigateを使用しており、すべてが正常に機能していますが、私の問題は、最初は...

反応ルーターで更新した後でも同じページに固執する方法はありますか?

私はreactnativeのコードの上部にある実際のパス名を削除したいと思います:import {View、AppRegistry} from'react-native'; './pages/Home'からホームをインポートします。'./pages/FreshPage'からFreshPageをインポートします。..。