如何在 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中文網其他相關文章！