“react-hooks/exhaustive-deps”：eslint-plugin-react-hooks 的“警告”太敏感了？

Question

  useEffect(() => {
    const apiCall = async () => {
      try {
        let newSearchFormOptions = { ...searchFormOptions };
        ...

        setSearchFormOptions(newSearchFormOptions);
      } catch (e) {
        setPageState({ error: e.error });
      } finally {
        setPageState({ isLoading: false });
      }
    };

    apiCall();
  }, []);

在我将 eslint 添加到项目之前，上面的代码没有 eslint 问题。在项目中添加 eslint 规则后，它显示“React Hook useEffect 缺少依赖项：'searchFormOptions'。”但是，searchFormOptions 是状态，setSearchFormOptions 将更新它，这使得“apiCall”被一次又一次地调用。我知道我们可以使用 eslint 来禁用此警告，但我担心的是 eslint 规则是否过于敏感，而我计划仅在安装组件时触发一次“apiCall”。我们是否需要依赖 eslint 规则，或者我们需要自己仔细检查，然后使用 eslint 禁用此警告，或者我们是否有任何其他解决方法？

提前致谢。

Answer 1

Quote 来自 react 团队成员：

你可以放

// eslint-disable-next-line react-hooks/exhaustive-deps

如果有充分的理由，则在违规行之前。通常禁用 这是一个错误，以后会严重咬你。 （大多数情况下 人们认为可以安全禁用的地方不安全并导致陈旧 关闭。）

有时当我知道我想在挂载期间只运行一次效果中的内容时，我已禁用它。