Quiero usar este genial efecto de desplazamiento en una de mis páginas. El componente funcional tiene exactamente el mismo HTML que en el codepen . El script está en un archivo separado que se importa dentro del archivo del componente. El problema es que esta línea no funciona.
var well = document.getElementById('well');Intenté importar el archivo JS en una variable y llamarlo en un gancho useEffect solo para asegurarme de que el script se ejecute después de que se represente el DOM. Pero todavía no funciona. ¿Qué debo hacer para que el script funcione en mi componente?
¿Intentaste importar el script de esta manera?
useEffect(() => { const script = document.createElement('script'); script.src = "source of the js file"; script.async = false; document.body.appendChild(script); return () => { document.body.removeChild(script); } }, []);