如何在React.js中显示当前时间?

时间:2019-11-13 05:18:10

标签: javascript reactjs

在我的React项目中,我想打印当前的运行时间。如何从时间函数中获取数据?

const startTime = () => {
        const now = moment();
        const timezone = now.tz(props.timezone)
        const time = timezone.format('h:mm:ss a');
        console.log('CURRENT TIME IS', time)

        const t = setTimeout(function() {
         return startTime()
        }, 1000);
        return t;
      }

     // startTime() shows 32 or 31 or some number
     //I want to print current time here
     console.log('TIME', startTime())

我正在控制台获取当前时间。如何在startTime()之外打印它

2 个答案:

答案 0 :(得分:0)

假设一个类中有startTime()方法。在这种情况下,您可以在render方法内部调用startTime()来打印当前时间。

render() {
   return <div>
            {this.startTime}
          </div>
}

答案 1 :(得分:0)

从'react'导入React;

export class Date extends React.Component {
    constructor() {
        super();
var today = new Date(),
date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
    this.state = {
            date: date
        };
    }

    render() {
        return (
            <div>
                {this.state.date}
            </div>
        );
    }
}