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

React Hooks - 0 vs. empty array as second argument in useEffect(将挂钩-0与空数组作为useEffect中的第二个参数进行反应)

本文介绍了将挂钩-0与空数组作为useEffect中的第二个参数进行反应的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我看到有人对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);
}

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

这篇关于将挂钩-0与空数组作为useEffect中的第二个参数进行反应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！