如何使用 React Router 重定向到外部連結？

重定向到React Router 中的外部連結

使用React Router 在React 應用程式中管理路由時，可能需要將使用者重做定向到外部資源。例如，隱私權政策頁面可能需要重新導向到 Zendesk 上的託管文件。

雖然基於JavaScript 的解決方案可以直接在index.html 檔案中實現，但React Router 提供了一種更優雅的方法，以下程式碼行：

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

此解決方案利用React 純元件概念，將重定向邏輯封裝在單一函數中。此函數不會渲染任何內容，而是將瀏覽器重新導向到外部 URL。

這種方法與 React Router 3 和 4 相容，提供了一種從受控路由系統內重定向使用者的便捷方法。

以上是如何使用 React Router 重定向到外部連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！