如何解决使用 useEffect React Hook 时缺失依赖关系的警告

错误概述

在使用 React 的 useEffect Hook 时，开发者可能会遇到一个常见的警告：“缺少依赖关系”。这个警告通常是由于在 useEffect 的依赖数组中未包含某些函数或变量所导致的。这个警告的出现是为了提醒开发者，某些值的变化可能会影响到 useEffect 的行为，从而导致潜在的错误或不一致的状态。

常见原因

导致缺失依赖关系的警告的原因主要有以下几点：

1. 函数未在依赖数组中列出： 如果 useEffect 中调用了某个函数，但该函数并不在依赖数组中，这会导致 React 无法正确跟踪该函数的变化。
2. 闭包问题： 使用闭包时，内部函数可能引用外部作用域中的变量。如果这些变量未在依赖数组中列出，React 将无法检测到变化。
3. 依赖关系的动态变化： 某些变量可能在组件每次渲染时都发生变化，这些变量需要在依赖数组中列出以确保 useEffect 能够在变化时重新执行。
4. 遗漏的 props： 当 useEffect 中使用了来自 props 的函数或变量，未将其列入依赖数组，也会造成警告。

解决方法

方法 1: 包含缺失的依赖

确保将所有在 useEffect 中使用的函数和变量都包含在依赖数组中。例如：

“`javascript
const fetchBusinesses = () =>