javascript - Reach/Router - 主要组件中经过身份验证的路由与受保护的路由

Question

我试图了解为什么应用程序根目录“/”的登录用户在指定为组件上的路径时不会重定向到“/user/:uid” <ProfilePage/>。

我应该注意，在我的登录组件中，我在登录回调中执行此操作，即navigate(`/user/${uid}`);，但我无法将路径“/”重定向到“/user/:uid”（如果已登录）。我刚得到我的未找到。

function Application() {
  const user = useContext(UserContext);
  return user ? (
    <Router>
      <ProfilePage path={`/user/${user.uid}`} authenticatedUser={user} exact />
      <NotFound default />
    </Router>
  ) : (
    <Router>
      <SignIn path="/" />
      <SignUp path="signUp" />
      <PasswordReset path="passwordReset" />
    </Router>
  );
}

标签： javascriptreactjsreact-routerreach-router