eslint-plugin-react-hooks 出现意外错误（react-hooks/exhaustive-deps）

Question

我有一个问题，我的 vscode eslint 给了我错误的警告。 我在反应组件中有一个简单的 function ，我正在尝试使用 useCallBack 挂钩进行优化。

这是简单的 function ，其中我得到了两个道具，并且在我创建的参数 object 中使用，根据文档，我将这两个道具作为 useCallBack 的依赖项。

const Test = ({ ReportAddressNumber, ClientNumber }) => {
const [test, setTest] = useState({ count: 0 });
const fetchSampleIDs = useCallback(() => {
  setTest(true);
  const URL = `/Samples`;
  const params = {
    ReportAddressNumber,
    ClientNumber,
  };

  fetch(URL, params)
}, [ClientNumber, ReportAddressNumber]);

useEffect(() => {
  fetchSampleIDs();
}, [fetchSampleIDs]);

 return <h1>{test.count}</h1>;
};

现在问题出在 vscode 中，它告诉我这两个道具作为 useCallback 中的依赖项是不必要的。

React Hook useCallback has unnecessary dependencies: 'ClientNumber' and 'ReportAddressNumber'. Either exclude them or remove the dependency array.eslint(react-hooks/exhaustive-deps)

我可以用我的.eslintrc和package.json文件重现这一点。 我创建了这个代码框来解决这个问题，为了查看实际问题，您需要将代码框导出为 zip 并运行npm install并在 vscode 中查看它。

https://codesandbox.io/s/kind-mahavira-fvsub

我在这里感谢您的知识和贡献，谢谢。

Answer 1

花了4个小时后，我终于得到了答案。

存在冲突的依赖关系。 我正在使用eslint-config-airbnb: 16.1.0 ，它不包括任何 react-hooks linting 配置。 但是，我自己安装了与eslint-config-aribnb版本冲突的eslint-plugin-react-hooks 。

按照说明升级eslint-config-airbnb可以解决我的问题。 如果有人有同样的问题。