【React学习】React将时间戳转换成时间

在React框架下，可以使用 Moment.js 库处理日期和时间。使用 Moment.js，你可以更轻松地进行日期和时间的格式化、解析和操作。

第一步：安装 Moment.js 库

npm install moment

第二步：在 React 组件中使用 Moment.js 来将时间戳转换为可读的时间格式

import React, { useEffect, useState } from 'react';
import moment from 'moment';

const TimestampConverter = () => {
  const [timestamp, setTimestamp] = useState(1646522400000); // 用你的时间戳替换这个示例值
  const [formattedTime, setFormattedTime] = useState('');

  useEffect(() => {
    convertTimestampToTime();
  }, []);

  const convertTimestampToTime = () => {
    const formattedTime = moment(timestamp).format('YYYY-MM-DD HH:mm:ss');
    setFormattedTime(formattedTime);
  };

  return (
    <div>
      <p>原始时间戳：{timestamp}</p>
      <p>转换后的时间：{formattedTime}</p>
    </div>
  );
};

export default TimestampConverter;