import { useState } from 'react'
const Message = ({ variant, children }) => {
const [timeOut, setTimeOut] = useState(null)
setTimeout(() => {
setTimeOut(1)
}, 3000)
return (
timeOut !== 1 && <div className={`alert alert-${variant}`}>{children}</div>
)
}
Message.defaultPros = {
variant: 'info',
}
export default Message
我想在 2 或 3 秒后消失此警报。我使用了这个逻辑,它很好并且可以工作,但是在我的控制台中,我收到了这个警告:
警告:无法对未安装的组件执行 React 状态更新。这是一个空操作,但它表明您的应用程序中存在内存泄漏。要修复,请在 useEffect 清理函数中取消所有订阅和异步任务。
它会影响我的应用程序还是可以?你可以给我一个更好的想法来实现这个逻辑。
原文由 Ahmed Ibrahim 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以阅读评论