[英]React Redux update (re-render) a component after a period of inactivity
您將如何在React Redux(Express / Mongo后端)應用中重新渲染一個或多個組件?
我構建了一個應用,其中多個(經過身份驗證的)用戶在儀表板之類的Todo列表上實時進行協作(使用類似於聊天的Notes代替Todo),但是想要在一段時間不活動后強制重新渲染(可能使用setInterval)在componentDidMount中?),因此如果一個用戶刪除任務,則一段時間后它最終將在所有其他用戶的儀表板上刷新。 我當時正在考慮將forceUpdate與setInterval結合使用,但要繼續閱讀應避免的地方。
我知道必須通過websockets進行實時更新,但是我想知道是否可以在不使用websockets的情況下針對這種特殊情況使用更簡單的短期解決方案,因為我的應用程序實際上不需要即時更新。
這是主要組成部分(注釋列表):
class NoteList extends Component {
componentDidMount() {
this.props.getNotes();
}
}
沒錯,最酷的方法是使用websocket監聽更改事件。 但是從短期來看,投票並不是一個壞主意。 只要記住要清除卸載組件的間隔。
componentDidMount() {
this.props.getNotes();
this.interval = setInterval(() => this.props.getNotes(), 60000);
}
componentWillUnmount() {
clearInterval(this.interval);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.