将挂钩-0与空数组作为useEffect中的第二个参数进行反应

2022-05-30 00:00:00 reactjs javascript use-effect

我看到有人对useEffect中的第二个参数使用0而不是空数组。

SO而不是

useEffect(() => {
    console.log('Run once');
}, []);

useEffect(() => {
    console.log('Run once');
}, 0);

它似乎有相同的效果,所以我想知道他为什么要使用它?

空数组被视为0取决于您如何计算它。例如[] == 0为真,但[] === 0为假。因此,在这种情况下,可能没有严格的比较,如果您使用0也没有关系。

只要遵循Reaction文档,我就会使用空数组。

React docs:

如果只想运行一次效果并将其清理一次(在挂载和 Unmount),则可以将空数组([])作为第二个参数传递。这 告诉Reaction你的效果不依赖于道具的任何值 或状态,因此它永远不需要重新运行。这不是作为特别服务处理的 大小写-它直接源自依赖项数组始终 有效。

我想知道0是比[]更简洁的二进制参数,还是使用0是一种糟糕的做法,或者它无关紧要,[]只是首选的反应约定?

谢谢。


解决方案

这是useEffect函数的签名

export function useEffect(
  create: () => (() => void) | void,
  deps: Array<mixed> | void | null,
): void {
  const dispatcher = resolveDispatcher();
  return dispatcher.useEffect(create, deps);
}

在那里您可以看到它只接受一个数组,空的或空的,所以您问题的正确答案是,如果您只想运行一次数组,则始终发送一个数组

相关文章