2016-09-23 63 views
0

我使用React创建实时应用程序。 我使用Mobx作为我的状态容器。 (没关系,Redy褪React - 每隔几秒钟重新提供相对时间

我有一个显示相对时间的成分,因为最后的顺序已经到达(从反应-intl库采取<FormattedRelative />组件 - 显示类似“1分钟前”) 此“。 1分钟前“消息会在第一次呈现UI时获得快照,但随着时间的推移,这会变得过时和不准确。让我们说老最多10秒)?

我应该以某种方式安排重新呈现与setInterval?或者我应该周期性地更改一些价值e在我的商店中,所以我的UI被重新渲染?

感谢您的任何建议。

回答

0

尝试使用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} />