React - 每隔幾秒鐘重新提供相對時間

我使用React創建實時應用程序。我使用Mobx作爲我的狀態容器。（沒關係，Redy褪React - 每隔幾秒鐘重新提供相對時間

我有一個顯示相對時間的成分，因爲最後的順序已經到達（從反應-intl庫採取<FormattedRelative />組件 - 顯示類似「1分鐘前」）此「。 1分鐘前「消息會在第一次呈現UI時獲得快照，但隨着時間的推移，這會變得過時和不準確。讓我們說老最多10秒）？

我應該以某種方式安排重新呈現與setInterval？或者我應該週期性地更改一些價值e在我的商店中，所以我的UI被重新渲染？

感謝您的任何建議。

來源

2016-09-23 Matúš Čongrády

嘗試使用react-timeago。它是高度可定製的國際使用支持本地化例如： - 自定義格式化與法國字符串

import TimeAgo from 'react-timeago' 
import frenchStrings from 'react-timeago/lib/language-strings/fr' 
import buildFormatter from 'react-timeago/lib/formatters/buildFormatter' 

const formatter = buildFormatter(frenchStrings) 

// in your react component 
<TimeAgo date='Feb 1, 1966' formatter={formatter} />

來源

2016-09-23 08:08:16

React - 每隔幾秒鐘重新提供相對時間

回答

相關問題