如何解决我们应该在 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 处理程序中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。