我们应该在 UseEffect 中将函数作为依赖项传递吗 编辑：

问题描述

在 TypeScript 中使用 useEffect 时未添加函数作为依赖项显示警告。

  const dispatch = usedispatch()

  useEffect(() =>{
    if(isAuthenticated){
        history.push('/dashboard')
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
},[isAuthenticated])

我目前正在使用 // eslint-disable-next-line react-hooks/exhaustive-deps。 我知道这样做不好。但它也要求我添加功能。我应该在 useEffect 中添加函数吗。

以及如何将componentdismount作为[]作为依赖也会导致ts错误

  useEffect(() => {
    getFeaturedJobs();
    // eslint-disable-next-line react-hooks/exhaustive-deps
},[]);

解决方法

编辑：

我现在明白你的意思了。您可能不应该将它放在依赖项数组中，因为当您登录时，您将无法离开仪表板，因为它会 ping 您。这就是为什么应该强制执行状态更改的原因。

---

根据您所说的，该值应在依赖项数组中，否则在身份验证状态更改时不会重新运行。

useEffect(() => {
    if (isAuthenticated) history.push('/dashboard');
},[isAuthenticated])

值得注意的是，这种副作用可能应该在认证状态发生变化的地方强制运行，例如在登录承诺的 onFullfill 处理程序中。