【React】useEffect缺少依赖警告

解释：

在React函数组件中，useEffect是一个用于执行副作用操作的Hook。它接受一个回调函数和一个依赖项数组作为参数。当你在useEffect中省略了依赖项数组，React会在每次渲染后都运行这个副作用，这可能会导致不必要的性能问题。

为了避免这种情况，大多数代码检查工具（如ESLint插件eslint-plugin-react-hooks）会在useEffect回调中找到一个空的依赖项数组时发出警告。这是因为这通常意味着你的useEffect会在每次组件渲染时运行，而不管它所依赖的props或state是否实际更改。

解决方法：

1. 如果useEffect不依赖于组件外部的任何值，你可以不提供依赖项数组，这表示它将仅在组件挂载和卸载时执行。
2. 如果useEffect依赖于组件的props或state，你应该提供一个包含这些依赖项的数组。React会在这些依赖项变化时才重新执行useEffect。
3. 如果你确信useEffect不依赖于组件的任何值，并且你想要避免这个警告，你可以通过将// eslint-disable-next-line react-hooks/exhaustive-deps注释放在useEffect调用之前来禁用这个特定的警告。

示例代码：

useEffect(() => {
  // 一些副作用操作
}, [dependency1, dependency2]); // 依赖项数组

如果useEffect没有依赖项，可以省略数组：

useEffect(() => {
  // 仅在组件挂载和卸载时执行的副作用操作
}, []); // 空数组表示仅在组件挂载时执行

或者，如果你想禁用这个警告：

// eslint-disable-next-line react-hooks/exhaustive-deps
useEffect(() => {
  // 一些副作用操作
}, []); // 即使是空数组，也可以通过上面的注释来禁用警告