为什么useEffect依赖数组需要加入history？会触发无限调用吗？

为什么history需要加入依赖数组 #

React的eslint-plugin-react-hooks校验规则要求，所有在useEffect回调中引用的、属于当前组件渲染作用域的变量，都必须列入依赖数组，和它是state、props还是自定义Hook/三方Hook返回值无关。你在effect里用到了history这个渲染作用域内的变量，自然会触发缺失依赖的警告。

把history加入依赖会不会导致无限调用 #

不会，这个担心是多余的：

• React Router 设计上保证了useHistory返回的history实例引用是完全稳定的，只要组件没有被卸载、路由上下文没有被重置，组件每次重新渲染拿到的都是同一个history对象，依赖项没有变化自然不会重复触发useEffect。
• 你认为的「history.push会修改history对象」是错误的：push方法修改的是浏览器的历史栈，不会改变你拿到的history实例本身的引用，也不会触发当前组件的重新渲染，不存在循环触发的逻辑。

你完全可以放心把history加入依赖数组，这是符合Hook规则的标准写法，不会产生额外问题。如果特殊场景下你不想加依赖，也可以通过注释// eslint-disable-next-line react-hooks/exhaustive-deps手动关闭该行的校验，但不推荐常规场景这么做。

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