React中react-hooks/exhaustive-deps警告的意义及分页重置依赖疑问

一、当前场景的操作纠正 #

你的核心需求（搜索词变化时重置分页到第1页）逻辑是合理的，针对ESLint警告可以这样处理：

直接把setPage加入依赖数组即可，不会导致effect每次渲染都触发。修改后的代码如下：

useEffect(() => {
  setPage(1);
}, [searchTerm, setPage]);

原因很明确：React中useState返回的状态设置器（比如setPage）在组件整个生命周期内的引用都是稳定不变的，不会随组件重新渲染而改变。所以把它加入依赖数组后，只有当searchTerm变化时，effect才会执行，完全匹配你的需求。

二、react-hooks/exhaustive-deps警告中状态设置器的意义 #

这个ESLint规则的核心目的是避免过时闭包问题：如果effect里用到了外部变量却没加入依赖数组，当变量更新时，effect可能还拿着旧的变量值执行，导致逻辑出错。

对于状态设置器，ESLint无法自动识别它的稳定性，所以会统一提示添加到依赖数组。但React官方明确说明：useState返回的设置器是稳定的，加入依赖数组不会引发不必要的effect重执行，反而能让代码符合规则，避免潜在的闭包隐患。

如果实在不想在依赖数组里写setPage，也可以用// eslint-disable-next-line react-hooks/exhaustive-deps注释忽略警告，但这种方式不推荐——后续如果effect逻辑修改用到其他需要依赖的变量，注释会掩盖真正的问题。

内容的提问来源于stack exchange，提问作者maxime