使用React功能组件创建空数组变量

Question

如何在React函数组件中创建/设置一个空数组作为变量？

我正在尝试使用Greensock创建动画，并且可以单独设置引用，但希望做的事情更整洁。我尝试使用let cardRef[] = useRef();进行设置，但这会引发错误。

这里是codpen，以供更多参考。

Answer 1

我对此不敢恭维（信贷来自GSAP社区的@OSUblake），但解决方案是let cardRef = useRef([]);。

基本上，使用数组ref，我可以使用cardRef.current[x]定位我的商品。

这使我的代码干ries了，因为GSAP的staggerFrom方法需要一个数组。

请参阅更新后的codepen，以了解如何使用引用。