如何使用超时调度Redux操作?

JavaScript

逆天猿理查德

2020-03-10

我有一个操作可以更新我的应用程序的通知状态。通常,此通知将是错误或某种信息。然后,我需要在5秒钟后调度另一个操作,该操作会将通知状态恢复为初始状态,因此没有通知。其背后的主要原因是提供了5秒钟后通知自动消失的功能。

我没有使用setTimeout并返回其他动作的运气,也找不到在线完成的方法。因此,欢迎提出任何建议。

第427篇《如何使用超时调度Redux操作?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
Itachi小卤蛋凯 2020.03.10

很简单。使用trim-redux包并在componentDidMount或其他地方这样写,然后在中杀死它componentWillUnmount

componentDidMount() {
  this.tm = setTimeout(function() {
    setStore({ age: 20 });
  }, 3000);
}

componentWillUnmount() {
  clearTimeout(this.tm);
}
小哥猴子 2020.03.10

您可以使用redux-thunk做到这一点在redux文档中有一个指南,用于诸如setTimeout之类的异步操作。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android