反应滴答持续时间计时器-最佳做法？

Question

当前正在使用TypeScript构建一个React应用程序，我正在尝试构建一个持续时间计时器，以每秒一次在页面上实时更新。

我正在传递一个初始值，但是我不确定如何使用Moment或TimeAgo之类的东西来实现。

return (  
  <div>
    <div className={`workerCard ${verifiedStatus}`} >
      <h3 className={ decayTime }>{ identifier }</h3>
      {identifier2}
      <div className={ decayTime }>
        <Icon iconName="Clock"/> <TimeAgo date={props.date_updated} />
      </div>
      <div>
        <Moment interval={10000} diff={props.date_created} unit="seconds">{date}</Moment>
      </div>
    </div>
  </div>
)

这是我到目前为止的内容，但是它返回一个静态值，时间间隔不会像我期望的那样更新它。如果不适合，我很高兴放弃Moment。寻找最小的最佳实践方法，因为我将返回多个实例。