警告提示框怎么在用户操作后自动消失? 露露 ☘︎ 提问于 2026-02-27 23:37:18 阅读 110 交互 我用 Ant Design 的 message.warning 做了个警告提示,但用户点完按钮后提示一直挂着,得手动关。有没有办法让它在 2 秒后自动消失? 试过加 duration 参数,但好像没生效,代码是这样的: message.warning('操作有风险,请确认!', { duration: 2 }); 我来解答 赞 4 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 宇文树人 Lv1 你这写法有问题,duration 参数传的方式不对。 Ant Design 的 message API 第二个参数直接接数字就行,你传了个对象进去,它解析不了,自然就走了默认逻辑。 直接这样写: message.warning('操作有风险,请确认!', 2); 或者如果你习惯用配置对象的方式,得这么写: message.warning({ content: '操作有风险,请确认!', duration: 2 }); 前端这块看文档得仔细点,Ant Design 的 message 组件第一个参数是内容,第二个参数直接就是 duration 数字,第三个是关闭回调。你把对象塞第二个参数位置,它压根不认识。 改成上面任意一种写法,2 秒后自动消失没问题。 回复 点赞 1 2026-02-28 22:06 加载更多 相关推荐 2 回答 39 浏览 Ant Design的Message提示怎么设置固定位置不自动消失? 我在用Ant Design的Message做表单提交反馈时遇到了问题,想让成功提示固定在右下角不自动消失。按照文档设置了duration: 0,但提示还是居中显示,位置参数好像没生效。我试过在组件外层... 亚会 ☘︎ 组件 2026-02-12 18:29:24 1 回答 32 浏览 React应用中用户操作日志缺少会话关联怎么办? 在做审计追踪时发现,用Redux记录的用户操作日志里经常找不到对应用户ID。比如用户登录后触发的fetchData操作,日志里action的user字段会是null 尝试过在store里存用户信息,然... シ瑞丹 安全 2026-02-09 23:05:28 2 回答 35 浏览 房间最后一位用户离开后怎么自动解散? 在做在线协作白板项目时遇到问题,当房间最后一位用户断开连接后,房间没有自动解散。试过用WebSocket的close事件监听,但发现如果用户直接关闭页面,服务端的房间成员计数器没有及时归零。 现在用的... 百里春艳 交互 2026-02-06 12:37:38 2 回答 31 浏览 前端监控时怎么自动过滤用户输入中的身份证号和手机号? 最近在优化前端监控,想在上报用户表单数据前自动过滤身份证号和手机号。我写了正则表达式把中间部分替换成星号,但测试时发现有些正常字段也被误判了,比如某些商品编码格式类似身份证号,导致关键数据被错误覆盖。... 设计师丽敏 优化 2026-02-01 23:24:36 1 回答 51 浏览 搜索建议列表在输入空格时会闪现然后消失怎么办? 我在做搜索框的自动建议功能时遇到个怪问题,当用户输入空格(比如搜索“苹果派”)时,建议列表会快速闪现一下就消失了。我用了防抖和实时请求,但没找到原因。 代码结构大概是这样写的:<pre clas... 慧红 交互 2026-01-26 08:32:27 1 回答 3 浏览 双击劫持怎么防?用户点按钮却触发了隐藏操作? 我在做支付页面时,发现攻击者可能用透明iframe覆盖我的按钮,诱导用户“双击”——第一次点击激活iframe,第二次实际触发了恶意操作。我试过加X-Frame-Options: DENY,但有些老系... 程序猿淑芳 安全 2026-03-04 14:11:17 1 回答 24 浏览 自动填充时输入框背景色为什么变黄了?怎么改掉? 我在做登录表单的时候,浏览器自动填充用户名密码后,输入框背景变成难看的黄色,试过用input:-webkit-autofill去覆盖样式但好像没生效,是我写法有问题吗? 这是我的CSS代码: inpu... W″统维 交互 2026-03-02 16:36:21 1 回答 10 浏览 Electron主进程里怎么监听窗口关闭事件? 我在用 Electron 开发桌面应用,想在用户点击窗口右上角关闭按钮时做一些清理操作,比如保存数据。但不知道怎么在主进程里正确监听这个事件。 试过用 mainWindow.on('close', .... 一奕卓 框架 2026-03-01 13:51:21 1 回答 12 浏览 智能预加载怎么判断用户下一步要访问哪个页面? 我最近在做首页性能优化,想用智能预加载提前加载用户可能点击的页面资源,但完全不知道该怎么预测用户行为。 试过用 IntersectionObserver 监听可视区域内的链接,但很多关键按钮并不在首屏... 建英 优化 2026-03-01 03:04:21 1 回答 23 浏览 JWT过期后如何自动刷新而不让用户重新登录? 我用JWT做用户认证,token一小时过期。现在的问题是,用户操作到一半突然跳回登录页,体验太差了。我看别人说可以用refresh token自动续期,但具体怎么在前端安全地实现? 我试过在每次请求前... Top丶露宜 安全 2026-02-28 12:48:23
Ant Design 的 message API 第二个参数直接接数字就行,你传了个对象进去,它解析不了,自然就走了默认逻辑。
直接这样写:
或者如果你习惯用配置对象的方式,得这么写:
前端这块看文档得仔细点,Ant Design 的 message 组件第一个参数是内容,第二个参数直接就是 duration 数字,第三个是关闭回调。你把对象塞第二个参数位置,它压根不认识。
改成上面任意一种写法,2 秒后自动消失没问题。