该文只是初学者的分享。如果更多需要注意和扩展望在评论区评论,我会虚心学习,谢谢。
React想要获取时间
1.首先安装moment :npm install moment --save
2.引入moment包:import moment from ‘moment’
3.使用moment() 举例:当前时间:moment().format(‘YYYY-MM-DD HH:mm:ss’)
4.获取时间在state={
newTime : moment().format(‘YYYY-MM-DD HH:mm:ss’)
}
5.在render(){这里使用setInterval(()=>{#}/function(){#},Time)}
6.#字符内修改为this.state.newTime = moment().format(‘YYYY-MM-DD HH:mm:ss’)
下面展示一些 部分代码
。
// 这里要注意的是在使用组件该组件的时候 想控制组件的销毁 setInterval内的代码会
//一直执行,要用有关生命周期的知识进行销毁
import React, { Component } from 'react'
import moment from 'moment'
export default class Time extends Component {
state = {
newTime:moment().format('YYYY-MM-DD HH:mm:ss'),
}
render() {
setInterval(() => {
this.setState(
()=>this.state.newTime=moment().format('YYYY-MM-DD HH:mm:ss')
)
},200);
return (
<div>{this.state.newTime}</div>
)
}
}