html - En React, ¿cómo abro automáticamente otra página?
Soy nuevo en React y me resulta difícil buscar en Google (términos genéricos como abrir página) cuál debería ser un escenario común.
Mi código genera una página que contiene un enlace usando Linkify:
<Linkify properties={{target: '_blank'}}>{someText}</Linkify>
donde someText contiene un enlace a un sitio externo. Esto se abre en una nueva pestaña al hacer clic.
¿Hay un ejemplo de cómo hacer que este enlace se abra automáticamente (es decir, sin necesidad de hacer clic) en una nueva pestaña, después de unos segundos de retraso?
Respuesta #1
Prueba esto:
<Linkify
componentDecorator={(
decoratedHref: string,
decoratedText: string,
key: number
) => (
<a href={decoratedHref} key={key} target="_blank">
{decoratedText}
</a>
)}
>
{someText}
</Linkify>;
Respuesta #2
La solución es muy simple. Prueba con setTimeout(). El método setTimeout() llamará a una función o ejecutará un fragmento de código después de un retraso de tiempo (en milisegundos). Aquí la función llamada es window.location.href, que tendrá la URL de la página (a la que deseas redirigir).
const redirect_Page = () => {
let tID = setTimeout(function () {
window.location.href =
"https://stackoverflow.com/"; //replace with your url
window.clearTimeout(tID);// clear time out.
}, 5000);
}
Espero que esto te ayude. Todo lo mejor
