javascript - 在 React 中重新渲染 moment.fromNow()

Question

如何正确刷新 moment.from()。我尝试在componentDidMount中设置setInterval(this.renderReminders(), 1000)，但是没有用，弹出错误。如何解决这个问题？

class App extends Component {

renderReminders() {
    const { reminders } = this.props;
    return (
      <ListGroup>
        {
          reminders.map(reminder => {
            return (
              <ListGroupItem key={reminder.id}>              
                <div>{moment(reminder.dueDate, 'DD-MM-YYYY HH:mm').fromNow()}</div>             
              </ListGroupItem>
            ) // return
          }) // reminders.map
        }
      </ListGroup>
    ) // return
  } // renderReminders()
  
  render() {
    return (
      <div className="container">      
        { this.renderReminders() }
      </div>
    ) // return
  } // render
  
 } // App

Answer 1

我知道我发帖晚了，但它可以帮助其他刚接触这个问题的人。

最好还是轻松使用 react-moment

要求；时刻， react 时刻

import React from 'react'
import Moment from 'react-moment'

const UpdatesTheTime = () => {
    return (
        <Moment interval={1000} fromNow>
            {reminder.dueDate}
        </Moment>
    )
}

export default UpdatesTheTime

它会每秒更新一次，因为我将间隔设置为 1000

要查看结果，请在 1 分钟后观察它的变化

我使用 TIMESTAMP 这样的 1590115433736 作为时间值，效果很好

参见 https://openbase.io/js/react-moment了解更多信息

您可以使用解析或格式来获取时间值。

示例 < Moment parse="YYYY-MM-DD HH:mm"/>