React Redux 在一段时间不活动后更新(重新渲染)组件

Question

您将如何在 React Redux(Express/Mongo 后端(应用程序中重新渲染一个组件(或多个组件(？

我构建了一个应用程序，其中多个(经过身份验证的(用户在仪表板等待办事项列表上实时协作(用类似聊天的笔记代替待办事项(，但希望在一段时间不活动后强制重新渲染(可能在组件 DidMount 中使用 setInterval？(，因此如果一个用户删除任务，它最终将在一段时间后刷新所有其他用户的仪表板。我正在考虑将forceUpdate与setInterval相结合，但一直在阅读应该避免它的地方。

我知道实时更新必须使用 websockets 完成，但我想知道是否可以在不诉诸 websockets 的情况下为这种特殊情况使用更简单的短期解决方案，因为我的应用程序并不真正需要即时更新。

这是主要组件(注释列表(：

class NoteList extends Component {
componentDidMount() {
this.props.getNotes();
}
}

Answer 1

你是对的，最酷的方法是使用 websocket 来监听更改事件。但从短期来看，民意调查并不是一个坏主意。只需记住清除卸载组件的间隔即可。

componentDidMount() {
this.props.getNotes();
this.interval = setInterval(() => this.props.getNotes(), 60000);
}
componentWillUnmount() {
clearInterval(this.interval);
}