使用 react-router-dom 重定向到第三方 URL

Question

我非常了解 react-router-dom 我想对组件进行条件渲染。如果使用未登录，则将他重定向到某个第三方 URL

例如，下面的代码看起来很整洁并且工作正常

<Route exact path="/home" render={() => (
  isLoggedIn() ? (
    <Redirect to="/front"/>
  ) : (
   <Home />
  )
)}/>

让我们在上面的例子中说，如果我想重定向to https://www.google.com我该怎么做？

如果我写

 <Redirect to="https://www.google.com"> it gives me error. 

如何重定向到第三方网站？

Answer 1

您可以为外部网址使用标签，

<a href='https://domain.extension/external-without-params'>external</a>

但你也可以提供这样的组件：

<Route path='/external' component={() => { window.location = 'https://domain.extension/external-without-params'; return null;} }/>