簡體   English   中英

一段時間不活動后,React Redux更新(重新渲染)組件

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM