這就是我在 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);
};
出于某種原因，它不可靠。在setTimeout可能無法始終運行。到現在還沒弄明白為什么。但是如果有其他方法可以做到，那么請寫一個解決方案。
謝謝
uj5u.com熱心網友回復：
我可以建議 react-spring 庫嗎？
uj5u.com熱心網友回復：
使用帶有scale作為值陣列傳入的屬性的成幀器運動庫，例如：
import {motion} from 'framer-motion'
const Component = () => {
return (
<motion.div
initial={{scale: 1}}
animate={{scale: [0.1, 1]}}
>
hi
</motion.div>
)
}
有關更多示例，請參閱此檔案 - Docs
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/336573.html
標籤：javascript html css 反应 前端