Как перенаправить на внешние ссылки с помощью 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, так и с React Router 4, что позволяет вам легко интегрировать перенаправление внешних ссылок в ваши приложения на основе React.