Как в moment.js сделать время обновляющиеся?

Question

[nikmil]

Добрый день, подскажите пожалуйста как сделать так чтобы время обновлялось в real time? Я установила moment.js и там даже если задать interval ="1000" время все равно не хочет обновляться. Вычитала что нужно установить moment-timer, а вот как его подключить правильно? Или можно как-то иначе решить данную проблему? ( Вся работа пишется на React)

import Moment from 'react-moment';

class Player extends React.Component {

    render() {
      const date = new Date();
        return (
          
          <React.Fragment>
                    <div className="time">
                     <div className="img-clm2"><img src={time} alt="time" /></div>
                     <div className="txt"> <Moment  interval={1000} format="HH:mm DD.MM.YYYY" >{date}</Moment> </div>
                   </div>
     
                 
          </React.Fragment>
        )
      }
}

export default Player;

Answer 1

[Петр Мухуров]

render() {
    return (
      <Moment interval={1000} />
    );
  }

Comments

[nikmil]

ну, а формат тогда куда? даже если и формат убрать то интервал все равно не заработает

[Петр Мухуров]

nikmil, https://stackblitz.com/edit/react-f9ffux

[Петр Мухуров]

nikmil, а вообще нужно задуматься, стоит ли использовать либу, у которой невалидные примеры

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

export default class MyComponent extends React.Component {
    render() {
        return (
            const dateToFormat = '1976-04-19T12:59-0500';
            <Moment>{dateToFormat}</Moment>
        );
    }
}

Тянуть такого гиганта, как moment, просто ради того, чтобы показывать "real-time", - глупо. Ваша задача по сути сводится к тому, чтобы написать базовый таймер-компонент, который используется как пример в 99.9% туториалов по реакту, и прикрутить туда дату и нужный формат.