問題タブ [reach-router]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ルーターに到達して更新 URL をナビゲートしますが、コンポーネントには到達しません
コンポーネントの 1 つから Reach Router をプログラムでナビゲートしようとしています。URL は期待どおりに更新されますが、ルートはレンダリングされず、React 開発者ツールを見ると、元のコンポーネントが表示されていることがわかります。
新しい URL でページを一度更新すると、正しくレンダリングされます。
新しいルートをレンダリングするにはどうすればよいですか?
簡単な例を以下に示します。私はこれを使用して@reach/router@1.2.1
います (Redux を使用していることも明らかです)。
reactjs - Reach Router でさまざまなレイアウトを使用するにはどうすればよいですか?
N
さまざまなレイアウト (例: BeforeLogin
、MainLayout
、SomeElseLayout
など)を持つアプリがあります。
Settings
各レイアウトは、Profile
、 などのページ コンポーネントをラップする HTML マークアップ コンポーネントです。
各ルート (またはルートのグループ) に特定のレイアウトを割り当てることができる必要があります。
たとえば、URL が欲しい
...BeforeLogin
レイアウトコンポーネントを使用する(の子になる)、および
...使用しますMainLayout
。
また、一部の URL では、/
ユーザーがログインする前に 1 つのレイアウトを使用し、ログイン後に別のレイアウトを使用する場合があります。しかし、主な質問に答えれば、条件付きレンダリングでそれを達成できると思います。
問題は - どうすればいいですか?
(もちろん、各ページコンポーネント内のレイアウトを明示的にレンダリングすることに加えて、コンポーネントがレイアウトにとらわれないようにすることをお勧めします)
ありがとう!
PS 見逃した方への質問はReach router
ではなくについてReact Router
です。
javascript - Reach Router の同じコンポーネントの複数のパス名
3 つの異なるルートに同じコンポーネントを使用しています。
とにかくそれを組み合わせる方法はありますか: