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 挂钩中的日志记录道具，并使用 window.location 重定向到完全不同的 URL。例如：

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