¿Cómo redirigir a enlaces externos usando React-Router?

RedirectLinks presenta un desafío en aplicaciones que emplean React-Router para la gestión de rutas. ya que opera dentro de un contexto de aplicación de una sola página (SPA). Para abordar esto, presentamos una solución que redirige fácilmente a los usuarios a recursos externos.

Supongamos que desea redirigir a los usuarios que visitan /privacy-policy a example.zendesk.com/hc/en-us/articles/123456789 -Políticas-de-Privacidad. Si bien JavaScript simple puede lograr esto usando una declaración if, React-Router ofrece un enfoque más elegante.

Presentamos una solución de una sola línea:

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

Este concepto de componente puro de React condensa el código del componente en una sola función. En lugar de representar el marcado, simplemente redirige el navegador a la URL externa.

La técnica es compatible con React Router 3 y 4, lo que le permite integrar sin esfuerzo la redirección de enlaces externos en sus aplicaciones basadas en React.