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

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

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

引進單行解：

 {
    window.location.href = 'https://example.com/1234';
    return null;
}} />

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

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