moment转化时间戳出现Invalid Date的问题及解决（moment转化分秒）硬核推荐

文章摘要

这篇文章展示了如何使用React和AXESS接口实现时间戳转换的功能。文章中定义了一个名为`Time`的组件，该组件通过`axios`接口从服务器获取数据，并将数据中的时间戳转换为特定的字符串格式。组件使用`moment`库来处理时间格式的转换，并通过`this.setState`方法将处理后的数据存储在组件的状态中。文章还展示了如何在组件中使用箭头函数来处理异步请求，并通过`render`方法将数据以列表形式显示在UI中。整体来看，文章重点介绍了如何结合React和AXESS实现数据处理和时间格式转换的功能。

import React from ‘react’;
import axios from ‘axios’;
import moment from ‘moment’;
class Time extends React.Component {
//构造函数
constructor() {
super();
//react定义数据
this.state={
list: []
}
}
//请求接口的方法
getData=()=> {
var api=’http://localhost:3004/users’;
axios.get(api)
.then((response)=> {
// handle success
console.log(response.data);
//用到this需要注意指向，箭头函数
this.setState({
list: response.data
})
})
.catch(function (error) {
// handle error
console.log(error);
});
}
render() {
return (
<div>
<h2>时间戳转化为时间</h2>
<button onClick={this.getData}>获取时间</button>
<ul>
{
this.state.list.map((value, key)=> {
let start=moment(parseInt(value.startTime)).format(‘YYYY/MM/DD hh:mm:ss’);
let end=moment(parseInt(value.endTime)).format(‘YYYY/MM/DD hh:mm:ss’);
return (
<li key={key}>
<span>开始时间：{start}</span>
<span>结束时间：{end}</span>
</li>
)
})
}
</ul>
</div>
)
}
}
export default Time;