反应-每隔几秒渲染相对时间
React - rerender relative time every few seconds
我正在用React创建一个实时应用程序。我使用Mobx作为我的状态容器。没关系,ready
我有一个组件显示相对时间,因为最后一个订单已经到达。(<FormattedRelative />
组件取自react-intl库)显示"1分钟前"之类的内容)。当UI第一次被渲染时,这个"1分钟前"的消息被快照。但随着时间的推移,这变得过时和不准确。
你认为保持这些消息最新(让我们说最多10秒)的最好和惯用的方法是什么?
我应该安排重新渲染与setInterval?或者我是否应该定期更改商店中的某些值,以便重新渲染UI ?
谢谢你的建议
尝试使用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} />
相关文章:
- 我可以获得相对于被点击元素的确切点击位置吗
- 显示5秒后隐藏潜水
- 操作员”;新的“;根据我想在几个JavaScript文件中使用的类,在JavaScript中使用
- X秒后刷新select元素
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 可以用'吗/'在相对路径中
- JavaScript:单击时相对于父级增加变量值
- 如何每10.6秒从时间戳增加+1
- 淡入淡出每隔几秒就会发生变化的图像
- 在画布上显示字符串仅显示几分之一秒
- 每隔x秒重复几次触发器('click')功能
- HTML5 -视频播放时每隔几秒触发一次事件
- 使用JavaScript在视频结束前几秒运行一个函数
- 使用setTimeout在X秒后隐藏几个元素
- 格式化日期,只显示最小的相对时间段,如50秒,1米,2小时,3d等
- 反应-每隔几秒渲染相对时间
- 显示前的几秒延迟:无
- Moment.js中使用.fromNow()的相对日期-如何在几年、几个月和几天前聚在一起
- 使用socket.io每隔几秒以编程方式触发一个事件
- 在每隔几秒播放的动画中添加声音