在不变循环中使用的 React 钩子 - 可以接受吗？

问题描述

React 钩子“必须在每个组件渲染中以完全相同的顺序调用。” eslint 插件警告在循环内使用钩子可能是因为循环每次执行的方式都不同，具体取决于退出条件。

但以这个例子为例，循环执行每次都会导致相同顺序的钩子调用：

const BUBBLE_COUNT = 4;  

const shared = {
  translateXArr: [],translateYArr: [],}

for (let i = 0; i < BUBBLE_COUNT; i++) {
  shared.translateXArr.push(useSharedValue(0));
  shared.translateYArr.push(useSharedValue(0));
}

eslint 插件仍然警告使用“useSharedValue”（来自 react-native-reanimated）。

问题：在上述情况下，静音并忽略警告是否安全？我的代码看起来工作正常，但我不知道周围是否存在一些隐患。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）