首頁 > web前端 > js教程 > 如何使用 React Router 重定向到外部連結?

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

Susan Sarandon
發布: 2024-11-08 01:47:01
原創
840 人瀏覽過

How to Redirect to an External Link with 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板