Soy un principiante en React/Node.js y tengo un problema en el desarrollo de mi aplicación Shopify personalizada.
Tengo que importar, cargar y guardar un archivo js externo en mi tienda Shoppify actual desde atrás.
En mi proyecto de reacción, podría importar el script a través de un botón de inicio al hacer clic como:
const onClick = () => { if (typeof window !== "undefined") { addScript({ src: `https://sdk.com/loader.js`, id: "script", async: "true", onLoad: () => { console.log("script initialized!"); }, }); } };Pero cuando actualizo, cierro y vuelvo a abrir, tengo que volver a importar el script.
Mi pregunta es, ¿cómo puedo ajustar mi código para guardar el script en mi DOM?
Gracias.
Puedes intentar algo como esto
const onClick = () => { const exists = document.getElementById("myScript"); if (!exists) { const script = document.createElement("script"); script.src = "https://sdk.com/loader.js"; script.id = "myScript"; document.body.appendChild(script); script.onload = () => { console.log("Script loaded") } } }