reactjs - React Routes 重定向到 Auth 链接的外部 URL

Question

我有一个代码示例，我在其中尝试重定向尚未登录的用户。我正在使用外部身份验证，以便让用户通过第 3 方身份验证系统登录。我知道 react-routes 有 Redirect 选项，而且我知道它们只重定向到路径名。有没有一种方法可以使 window.assign 发生重定向，从而立即将用户重定向到不同的页面？

提前致谢!

const ProtectedRoute = (auth, component: Component, ...rest) => {
  return <Route
    {...rest}
    render={props => auth.isAuthenticated()
      ? <Component {...props} />
      : <Redirect
        to={{
          pathname: 'http://example.com/',
          state: { from: props.location },
        }}
      />
    }
  />;
};

Answer 1

您可以评估组件的 componentDidMount Hook 中的日志记录 Prop ，并使用 window.location 重定向到完全不同的 URL。例如:

componentDidMount() {
    if(auth.isAuthenticated()) {
      return <Component {...props} />
    }
    window.location.assign('http://example.com/');
}