reactjs - 警报自动消失功能
问题描述
我的目标是让用户在不点击任何按钮的情况下在我的页面开始时看到警报。一段时间后它应该会自动消失我正在 reactjs 上尝试这个所以任何机构都可以帮助我找到我应该应用哪个逻辑
解决方案
首先渲染您的警报组件。定义一个初始值为 false 的布尔状态变量。
然后使用 setTimeout 更新该状态变量。
import React, { useState, useEffect } from "react";
export const Alert = () => {
const [timeIsUp, setTimeIsUp] = useState(false);
useEffect(() => {
setTimeout(() => {
setTimeIsUp(true);
}, 5000);
}, []);
if (timeIsUp) {
return null;
}
return <div>your actual alert component content</div>;
};
推荐阅读
- machine-learning - 任何替代方法可以创建线程并将面部检测器与手部检测器并行化?
- neo4j - NEO4J:将 n{.*} 返回到具有不同键(n)作为标题的列
- react-native - 如何在 React Native 中获取 TextInput 当前光标位置
- dbt - dbt post hook 关系“my_table”不存在
- swift - Crashlytics 自定义键未定义
- python - 如何在彼此下方各自的标签中打印数据列表
- flutter - 不知道如何锁定小部件的中心并将其与其他小部件分开
- swift - 给定一个数字,将小数四舍五入到最接近的增量
- hyperledger-fabric - 使用 Fabric 节点 SDK 进行离线交易签名
- java - 从没有应用程序端实体定义的 mongodb 返回嵌套数据