如何使用 React Router 处理外部链接？

在 React-Router 中处理外部链接

React Router 为 React 应用程序提供了全面的路由解决方案。虽然它主要是为处理内部路由而设计的，但它还提供了重定向到外部资源的功能。

重定向到外部 URL

问题提出了一个用例，其中React-Router 应用程序需要从“/privacy-policy”重定向到外部 URL。为了实现这一目标，React-Router 允许您创建一个处理自定义逻辑的路由组件。

这是一个使用 React Router 重定向到外部链接的单行解决方案：

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

这个纯组件遵循 React 纯组件概念，将其代码最小化为单个函数。它不渲染任何 UI，而是使用 window.location.href 属性将浏览器重定向到外部 URL。

这种方法适用于 React Router 3 和 4。这是一个简洁而优雅的解决方案，与React Router 的路由范式，确保外部资源重定向的无缝用户体验。

以上是如何使用 React Router 处理外部链接？的详细内容。更多信息请关注PHP中文网其他相关文章！