使い方 react-router-dom保護されたルートを作成し、応答を localStorage に保存して、ユーザーが次回開いたときにその詳細を再度表示できるようにします。ログイン後、ダッシュボード ページにリダイレクトされます。
react-router-dom
すべての関数は ContextApi に追加されます。
コードサンドボックスのリンク: コード
試してみましたが、達成できませんでした。
ルーティングページ
コンテキストページ
ドキュメントへのリンク: https://gist.github.com/mjackson/d54b40a094277b7afdd6b81f51a0393f
＃＃＃質問＃＃＃ リーリー
は、Route コンポーネントと Redirect コンポーネントを除き、レンダリングを処理しません。このように「ネスト」したい場合は、各コンポーネントを共通のルートでラップする必要がありますが、これはまったく必要ありません。 ログイン コンポーネントは、最初にアクセスした「ホームページ」またはプライベート ルートへのリダイレクトも処理しません。
Route
Redirect
リーリー
...
v5
認証コンテキストを使用する
コンポーネントを更新します。 リーリー すべてのルートを「フラット リスト」でレンダリングします
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
v6 の場合:
リーリードキュメントへのリンク: https://gist.github.com/mjackson/d54b40a094277b7afdd6b81f51a0393f
＃＃＃質問＃＃＃ リーリー
Switchは、
＃＃＃解決＃＃＃ 反応ルーターダムRouteコンポーネントとRedirectコンポーネントを除き、レンダリングを処理しません。このように「ネスト」したい場合は、各コンポーネントを共通のルートでラップする必要がありますが、これはまったく必要ありません。v6
バージョン 6 では、カスタム ルーティング コンポーネントは一般的ではなくなり、認証レイアウト コンポーネントを使用する方法が推奨されます。
リーリー ＃＃＃または＃＃＃ リーリーリーリー......
リーリー 反応ルーターダムv5
認証コンテキストを使用する
PrivateRouteコンポーネントを作成します。
Loginリーリー元のアクセス ルートへのリダイレクトを処理するために、コンポーネントを更新します。
リーリーリーリーすべてのルートを「フラット リスト」でレンダリングします