如何使用 React Router 處理外部連結？

在 React-Router 中處理外部連結

React Router 為 React 應用程式提供了全面的路由解決方案。雖然它主要是為處理內部路由而設計的，但它也提供了重定向到外部資源的功能。

重定向到外部 URL

問題提出了一個用例，其中React-Router 應用程式需要從「/privacy-policy」重新導向到外部 URL。為了實現這一目標，React-Router 可讓您建立一個處理自訂邏輯的路由元件。

這是一個使用 React Router 重定向到外部連結的單行解決方案：

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

這個純元件遵循 React 純元件概念，將其程式碼最小化為單一函數。它不會渲染任何 UI，而是使用 window.location.href 屬性將瀏覽器重新導向到外部 URL。

這種方法適用於 React Router 3 和 4。這是一個簡潔而優雅的解決方案，與React Router 的路由範式，確保外部資源重定向的無縫使用者體驗。

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