忽略反应路由器路由

Question

“ / example”路线上有一个组件。当我导航到该路径时，正在渲染的组件。问题是我需要忽略渲染组件并重定向到外部链接（恰好具有相同的路由）-'/ example'。我有什么办法可以忽略或绕过react-router路由？

Answer 1

这是使用React Router重定向到外部链接的一种方法：

<Route path='/privacy-policy' component={() => { 
     window.location.href = 'https://example.com/1234'; 
     return null;
}}/>

Answer 2

您可以尝试使用重定向

<Route path="/example" render={() => {
   return <Redirect  to="//external.url/example" />
}} />

或者，如果您在路线周围有<Switch>，可以将其缩短：

<Redirect from="/example" to="//external.url/example" />