Estoy tratando de cambiar el estado de un personaje animado en un sitio web que se ejecuta en reaccionar. Las animaciones de los personajes se almacenan en archivos GIF y me gustaría poder cambiar la animación según las acciones del usuario. Estoy pensando en implementar un bucle de ejecución continua que verifique ciertos estados para reproducir la animación correcta.
¿React ofrece esta funcionalidad? ¿O cuál sería la forma óptima de hacerlo?
Puede representar un estado gif (de la animación actual) y luego actualizar el estado en función de las acciones de los usuarios:
this.setState({gif: <url_to_gif>}) si usa un componente de clase
o const [GIF, setGIF] = useState(''); luego setGIF(<url_to_gif>) si usa ganchos/componente de función
Coloque el código para configurar el gif dondequiera que esté verificando una acción del usuario