useAnimationFrame
useAnimationFrame 在每个动画帧运行一次回调。
useAnimationFrame((time) => { ref.current.style.transform = `rotateY(${time}deg)` })
回调提供两个参数
time，自首次调用回调以来的总时长。delta，自上次动画帧以来的总时长。
import { useAnimationFrame } from "motion/react" function Component() { const ref = useRef(null) useAnimationFrame((time, delta) => { ref.current.style.transform = `rotateY(${time}deg)` }) return <div ref={ref} /> }
useAnimationFrame 在每个动画帧运行一次回调。
useAnimationFrame((time) => { ref.current.style.transform = `rotateY(${time}deg)` })
回调提供两个参数
time，自首次调用回调以来的总时长。delta，自上次动画帧以来的总时长。
import { useAnimationFrame } from "motion/react" function Component() { const ref = useRef(null) useAnimationFrame((time, delta) => { ref.current.style.transform = `rotateY(${time}deg)` }) return <div ref={ref} /> }
useAnimationFrame 在每个动画帧运行一次回调。
useAnimationFrame((time) => { ref.current.style.transform = `rotateY(${time}deg)` })
回调提供两个参数
time，自首次调用回调以来的总时长。delta，自上次动画帧以来的总时长。
import { useAnimationFrame } from "motion/react" function Component() { const ref = useRef(null) useAnimationFrame((time, delta) => { ref.current.style.transform = `rotateY(${time}deg)` }) return <div ref={ref} /> }
