如何在 React-Router 中实现外部重定向？

React-Router 中的外部重定向

使用 React Router 处理路由时，可能需要重定向到外部资源。本指南解决了如何实现此类重定向的问题。

考虑用户访问应用程序上的特定 URL 的场景，例如“example.com/privacy-policy”。目标是将它们重定向到外部域，例如“example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies。”

为了避免诉诸纯 JavaScript，React Router 提供了具有以下一行的解决方案：

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

此代码利用 React 的纯组件概念，将组件的行为封装到单个函数中。该函数不会渲染任何 UI，而是将用户的浏览器重定向到指定的外部 URL。

值得注意的是，这种方法与 React Router 版本 3 和 4 兼容。通过利用这种方法，开发人员可以优雅地将用户重定向到外部资源，同时保持 React 声明式编程模型的完整性。

以上是如何在 React-Router 中实现外部重定向？的详细内容。更多信息请关注PHP中文网其他相关文章！