如何使用 React-Router 重新導向到外部連結？

如何使用 React-Router 重新導向到外部連結？

RedirectLinks 對使用 React-Router 進行路由管理的應用程式提出了挑戰，因為它在單頁應用程式 (SPA) 上下文中運行。為了解決這個問題，我們提出了一個將使用者無縫重定向到外部資源的解決方案。

假設您希望將造訪 /privacy-policy 的使用者重新導向至 example.zendesk.com/hc/en-us/articles/123456789 -隱私權政策。雖然普通 JavaScript 可以使用 if 語句來實現這一點，但 React-Router 提供了更優雅的方法。

引入單行解決方案：

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

這個 React 純組件概念濃縮了組件的程式碼到單一函數中。它不渲染標記，而是將瀏覽器重新導向到外部 URL。

該技術與 React Router 3 和 4 相容，讓您可以輕鬆地將外部連結重定向整合到基於 React 的應用程式中。

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