我们是否应该在 UseEffect 中将函数作为依赖项传递答案

【问题标题】：Should We pass function as dependencies in UseEffect我们是否应该在 UseEffect 中将函数作为依赖项传递
【发布时间】：2021-05-19 11:26:57
【问题描述】：

在 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
}, []);

【问题讨论】：

请阅读How to create a Minimal, Reproducible Example。目前还不清楚reauthenticate在代码中的位置以及它有什么依赖关系。我的猜测是，它需要一些组件状态。

标签： reactjs typescript react-tsx

【解决方案1】：

编辑：

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

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

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

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

【讨论】：