我可以在循环内使用 useEffect 确保其尺寸恒定吗？

我有一个功能性的 React 组件（更多的是非 React 对象的代理），如下所示：

function ProxyComponent({onEvent1, onEvent2, onEvent3 ...}){
  useEffect(()=>{
    someObject?.on('event1', onEvent2);
    return someObject?.off('event1', onEvent2);
  },[onEvent2, someObject])

  useEffect(()=>{
    someObject?.on('event1', onEvent1);
    return someObject?.off('event1', onEvent1);
  },[onEvent1, someObject])
  .
  .
  .
}

除了有很多事件，而且这里有一个明显的模式。所以我想这样做：

function ProxyComponent(props){
  const events = {
    'event1': props.onEvent1 ?? null,
    ...
    'event20': props.onEvent20 ?? null
  }
  

  for (const [name, handler] of Object.entries(events)) {
    useEffect(()=>{
      handler && someObject?.on(name, handler);
      return handler && someObject?.off(name, handler);
    },[handler, someObject])
  }

}

The 钩子规则 https://reactjs.org/docs/hooks-rules.html明确表示不支持这种用法，但我想知道我如何能够自动化这个模式，同时仍然在钩子规则之内【这是主要问题】

Notes:

1. The .on and .off方法会创建网络请求，因此最好尽可能少地调用它们。

2. 将循环移至 useEffect 内部会产生两个复杂情况：

   A。一个非常长的依赖数组 [onEvent1, ..., onEvent20]。我非常怀疑[...Object.values(events)] works.

   b.单个处理程序中的每次更改都会导致多个.offs 并用 new 撤消它.on又来了。除了效率低下之外，在我的具体情况下，我想避免这种情况，因为注释#1。

我怀疑打电话useEffect如果迭代次数绝对静态，则在循环内是可以的。以下不会引发错误：

const App = () => {
    for (let i = 0; i < 3; i++) {
      React.useEffect(() => {
        console.log('an effect');
      }, []);
    }
    return 'foo';
};

ReactDOM.createRoot(document.querySelector('.react')).render(<App />)

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<div class='react'></div>

规则的要点是：

通过遵循此规则，您可以确保每次渲染组件时都以相同的顺序调用 Hook。这就是允许 React 在多个 useState 和 useEffect 调用之间正确保留 Hooks 状态的原因。

静态循环可以满足这一点。循环often有条件会导致它们执行不同的次数，这可能就是为什么“不要在循环内使用钩子”的原因 - 但总括语句并不像 React 实际要求的那么精确。

所以，和你的

for (const [name, handler] of Object.entries(events)) {
    useEffect(()=>{

可能没问题——唯一的问题是短绒。

设置替代方法是可能的，只是有点复杂。你需要模仿的行为useEffect通过将某物的当前值与先前值进行比较，而不在循环中使用钩子。一种选择是将处理程序（通过 props 传递）置于状态中。每次渲染时，都会检查道具并检查是否与状态存在任何不平等。如果有，请重新订阅。