javascript – React-Router外部链接

由于我正在使用react-router来处理反应应用程序中的路由,所以我很好奇是否有办法重定向到外部资源.

说某人点击：

example.com/privacy-policy

我希望它重定向到：

example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies

我正在寻找零帮助,以避免在我的index.html加载时用简单的JS编写它,例如：

if ( window.location.path === "privacy-policy" ){
  window.location = "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies"
}

解决方法:

这是使用React Router重定向到外部链接的单线程：

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

它使用React纯组件概念将组件的代码减少为单个函数,而不是呈现任何内容,将浏览器重定向到外部URL.

适用于React Router 3和4.

标签：javascript,reactjs,react-router,react-router-redux,redirect
来源： https://codeday.me/bug/20190917/1809842.html