如何在反应中将日期/时间转换为人类可读的形式？

Question

我正在 React 中尝试代码 sn-p。如何使 created_at 属性以人类可读的形式做出反应，就像 PHP laravel 框架为我们提供了 diffForHumans() 函数一样？

<div className="media-body">
      <h3 className="mt-0"><a href="">{question.title}</a></h3>
      <p className="lead">
            Asked By
            <a href="{question.user.url}" className={"px-2"}> 
              {question.user.name}
            </a>
            <small className="text-muted px-1">{question.created_at}
           </small>

        </p>
        <p className="small">{question.body.substring(0, 250) + '...'}</p>
        <hr/>
</div>

您可以在此处查看完整代码：https://codepen.io/osman-rafi/pen/ZEzdozJ

在<small className="text-muted px-1">{question.created_at}</small> 中提供类似 2019-09-26 08:26:18 的输出，但我想要更易读的形式，例如“2 天前”或“一小时前”。 提前致谢！

Answer 1

您可以通过momentjs 实现您的目标。

https://momentjs.com/docs/#/displaying/fromnow/

<small className="text-muted px-1">{moment(question.created_at).fromNow()}</small>