Tengo un archivo css y un archivo js que se importaron a mi clase de reacción así:
import React from 'react' import '../App.css' import '../motion' const Landing = () => { return ( <div id="container"> <div className="center"> <h1 className="el-st">El Que Sabe Sabe</h1> {/* <span className="scroll">Scroll to shuffle</span> */} </div> </div> ) } export default LandingLa animación solo funciona cuando elimino el archivo js importado, lo vuelvo a agregar y guardo el archivo, lo que me hace creer que el archivo no se lee correctamente cuando se monta el componente.
¿Hay una manera de resolver esto?
Si funciona cuando elimina, vuelve a agregar y luego guarda los archivos, eso significa que el estado no se actualiza por iteración de animación.
No estoy seguro de si está utilizando animación css o animación js. Pero o bien, sugeriría implementar una declaración useState simple en alguna parte. Realmente no hay suficiente información proporcionada.
Puedes definir algo como:
const [animation, setAnimation] = useState(false);Y cada vez que quieras reproducir la animación, simplemente llama:
setAnimation(!animation);