如何使用 React Router 重新導向到外部資源？

使用React Router 重新導向到外部資源

在React 應用中使用React Router 進行路由管理時，出現了一個問題：我們如何重定向到外部資源？當要求使用者存取外部內容（例如隱私權政策或支援文章）時，這特別有用。

React Router 提供了一個方便的解決方案，而不是訴諸於 index.html 中的純 JavaScript。透過利用其 component 屬性，我們可以建立一個專門的元件，負責重新導向到所需的外部 URL。

以下程式碼片段可作為實現此目的的有效單行程式碼：

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

這種方法利用了 React 中純組件的固有概念。這個專用元件不會呈現任何內容，而是將瀏覽器重新導向到指定的外部 URL。

值得注意的是，該解決方案與 React Router 3 和 4 相容，為 React 應用程式中的外部連結重定向提供了全面的解決方案。

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