在useEffect依赖数组中使用简单变量是否为良好实践？

明确结论：在useEffect依赖数组中使用字符串、数字这类简单类型变量完全符合最佳实践，不需要刻意避免，核心是要保证依赖的稳定性和触发逻辑的合理性。

为什么这种做法没问题？ #

• 字符串、数字属于值类型，React的依赖检查机制会直接对比值是否相等，能精准判断是否需要触发effect，不会出现像对象、数组这类引用类型那样，内容相同但引用变化导致不必要重复执行的问题。
• 你的示例里currentTab是从路径解析出的字符串/数字，只要这个值变化时确实需要执行effect内的逻辑，把它放进依赖数组就是正确的——这正是useEffect依赖数组的设计初衷：当依赖项变化时，执行对应的副作用逻辑。

需要警惕的潜在风险（并非简单类型本身的问题） #

虽然简单类型本身安全，但要注意以下场景：

• 依赖项的计算是否稳定：如果getTabFromPath存在不必要的重复计算（比如每次渲染都做复杂运算），或者location.pathname在无意义的场景下频繁变化，可能导致effect频繁触发。但这是计算逻辑或数据源的问题，和简单类型作为依赖无关。
• 是否真的需要这个依赖：要确认effect内的逻辑确实依赖currentTab的值，如果两者无关，添加这个依赖就是多余的，反而会导致不必要的执行。

针对你的示例的优化建议 #

你的示例中currentTab在组件每次渲染时都会重新计算，可通过useMemo缓存计算结果，避免重复执行getTabFromPath（即使是简单计算，也能养成良好的性能优化习惯）：

const MyComponent = () => {
   const currentTab = useMemo(() => getTabFromPath(location.pathname), [location.pathname])

   useEffect(() => {
     // do something
   }, [currentTab])
}

这样只有当location.pathname变化时，才会重新计算currentTab，进一步保证依赖的稳定性。

总结：只要依赖项是真实需要的、值的变化符合预期，字符串/数字这类简单类型完全可以安全地放进useEffect的依赖数组，这是合理且推荐的实践。

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