【问题标题】:How to add setTimeout within Axios Scope如何在 Axios 范围内添加 setTimeout
【发布时间】:2023-01-31 16:07:34
【问题描述】:

在 Axios 的 catch 块中显示通知。

遇到的问题是使用 setTimeout 在指定时间后不隐藏错误消息。

【问题讨论】:

  • 什么是NotificationMeta
  • @NickParsons 是的,我已经为NotificationMeta更新了我的代码
  • 那么NotificationMeta 只是您代码中的一个对象吗?更改它不会导致 Notification 更新/重新渲染(对象在 React 中并不特殊,如果对象的值不再被读取,更改对象中的属性将不会做任何事情,这只会发生在重新渲染)。如果你想让它发生,它需要是状态。
  • 好的,我明白你的意思了。我正在尝试将状态添加到Notifications,将元数据传递给useState(NotificationMeta.display)
  • @NickParsons 我确实更新了Notifications 中的状态。但是我仍然无法在 3 秒后隐藏通知。

标签: javascript reactjs react-hooks


【解决方案1】:

有两种可能的解决方案。因为警报不能像你编码的那样工作。

  1. 使用React toastify
  2. 制作您的自定义警报

    参考:

    1. 像这样制作自己的烤面包机:https://www.w3schools.com/howto/howto_js_snackbar.asp
    2. 像这样发出警报:How can I auto hide alert box after it showing it?

【讨论】:

  • Toastify 是我的第一个建议,但最后我们需要低头倾听甚至不知道 CCoding 的人。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-04
  • 2021-04-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多