javascript - 使用 React 函数组件创建空数组变量

标签 javascript reactjs react-hooks

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

我正在尝试使用 Greensock 创建动画,并且可以单独设置引用,但希望做得更干净。我尝试使用 let cardRef[] = useRef(); 设置,但这会引发错误。

这是codpen供更多引用。

最佳答案

我不能将此归功于(功劳来自 GSAP 社区的 @OSUblake),但解决方案是 let cardRef = useRef([]);

基本上,通过数组引用,我可以使用 cardRef.current[x] 来定位我的项目。

这使我的代码有点枯燥,因为 GSAP 的 staggerFrom 方法需要一个数组。

查看更新codepen看看如何使用引用。

关于javascript - 使用 React 函数组件创建空数组变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57733529/

相关文章:

javascript - 在 VueJS 中用相同的组件包装三个特定的路由

javascript - 在与 Ramda 的 react 中编写 setState

javascript - key 是唯一的,但仍然得到 "Encountered two children with the same key"

javascript - 使用数组声明路由

javascript - react 子组件不从父值渲染 Prop

javascript - 为什么 if/else 语句在 Object.assign() 和 .map 中不起作用?

Javascript onclick 变量不起作用

javascript - 在 jQuery 中向 DataTable 添加新行时出错

javascript - 我可以使用映射函数的索引作为包含动态不可预测文本的 React 组件的键吗?

javascript - useEffect 钩子(Hook)对 setTimeout 和 state 的行为不当