因此,即使我在use效应钩子中使用clearInterval来禁用setTimeOut,尽管我需要超时才能完成,但我仍然会收到以下错误消息:
警告:无法对未安装的组件执行React状态更新。这是一个非操作,但它表示应用程序中的内存泄漏。要修复此问题,请取消组件WillUnMount方法中的所有订阅和异步任务。
我想另一个问题是,因为这是一个持续不超过一秒钟的设置超时,我真的需要担心这个吗?我的代码如下:
useEffect(() => {
return () => {
clearInterval(_isMounted);
};
},[urlReferer]);
return (
<User>
{({ data: { me }, error }) => {
if (error) return <Error error={error} />;
const userID = me && me.id;
const userType = (me && me.permissions.some(permission => ['GUEST_USER'].includes(permission))) ? 'GUEST_USER' : 'USER';
return (
...
<Form
method="post"
onSubmit={async e => {
e.preventDefault();
await signin();
setState({
...state,
name: '',
email: '',
password: '',
});
/* Now redirect user to previous page */
if (fromCart) {
Router.back();
_isMounted = setTimeout(() => { toggleCartOpen().catch(err => console.log(err.message)) }, 1000); // 1 second 1000
} else {
Router.push({
pathname: '/',
})
}
}}
>
```
您可能应该使用clearTimeout
而不是clearInterval
。AssetTimeout
创建一个Timeout
对象,这就是您正在使用的对象。与使用setInterval
,然后使用clearInterval