Javascript/React:如何在循环中为钩子创建动态变量名?

Question

我正在尝试使用useAnimation()钩子来动画一堆div，如

const anim0 = useAnimation()
const anim1 = useAnimation()
const anim2 = useAnimation()
const anim3 = useAnimation()
...

有没有更简单的方法在循环中创建这个?

Answer 1

使用数组代替:

const animations = Array.from(
{ length: 4 },
useAnimation
);

，然后引用，例如，animations[0]而不是anim0。