React-Router 外部链接

2023-12-28

由于我使用 React Router 来处理 React 应用程序中的路由,我很好奇是否有一种方法可以重定向到外部资源。

说有人打:

example.com/privacy-policy

我希望它重定向到:

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

我发现在避免在我的index.html加载中用纯JavaScript编写它的帮助完全为零:

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。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React-Router 外部链接 的相关文章

随机推荐