Así es como lo hago en React:
const animate_boxes = () => { inner_ref.current.style.transform = "scale(0)"; setTimeout(() => { if (inner_ref && inner_ref.current) { inner_ref.current.style.transform = "scale(1)"; } }, 200); }; Por alguna razón, no es confiable. es posible que setTimeout no siempre se ejecute. Todavía no he descubierto por qué todavía. Pero si hay una forma alternativa de hacerlo, escriba una solución.
Gracias
¿Puedo sugerir la biblioteca react-spring?
Use la biblioteca de movimiento del enmarcador con la propiedad de scale pasada como una matriz de valores, por ejemplo:
import {motion} from 'framer-motion' const Component = () => { return ( <motion.div initial={{scale: 1}} animate={{scale: [0.1, 1]}} > hi </motion.div> ) }Consulte estos documentos para obtener más ejemplos - Documentos