En mi proyecto Next.js, tengo un script que representa un widget de la siguiente manera:
<a className="e-widget no-button xdga generic-loader" href="https://example" rel="nofollow" > 3 lucky winners stand a chance to win… </a> <Script type="text/javascript" src="https://widget.gleamjs.io/e.js" strategy="afterInteractive" ></Script>El problema es que una vez que este script se ejecuta en el renderizado inicial, no se vuelve a ejecutar más tarde.
¿Alguien sabe cómo puedo hacer que el script se ejecute varias veces?
Es posible que el problema se origine en otras partes, pero puede intentarlo:
import React, { FC } from "react"; import Script from "next/script"; interface Props { id: string; } const Widget: FC<Props> = ({ id }) => { return ( <> <a className="e-widget no-button xdga generic-loader" href="https://example" rel="nofollow" > 3 lucky winners stand a chance to win… </a> <Script id={id} src="https://widget.gleamjs.io/e.js" strategy="afterInteractive" /> </> ); }; export default Widget;Logré resolver el problema al forzar el montaje del componente principal, lo que luego hace que mi etiqueta Script se vuelva a ejecutar/procesar según lo deseado.