温馨提示×

react获取当前日期的方法是什么

小亿
246
2023-10-07 18:31:04
栏目: 编程语言

在React中获取当前日期的方法有多种方式:

  1. 使用JavaScript的Date对象来获取当前日期:
const currentDate = new Date();
console.log(currentDate);
  1. 使用React的useState钩子和JavaScript的Date对象来获取当前日期并将其存储在组件的状态中:
import React, { useState, useEffect } from 'react';
const MyComponent = () => {
const [currentDate, setCurrentDate] = useState('');
useEffect(() => {
const date = new Date();
setCurrentDate(date);
}, []);
return (
<div>
<p>{currentDate.toString()}</p>
</div>
);
};
export default MyComponent;
  1. 使用第三方日期库如Moment.js来获取当前日期:

安装Moment.js并导入它:

npm install moment

使用Moment.js来获取当前日期:

import React from 'react';
import moment from 'moment';
const MyComponent = () => {
const currentDate = moment().format('YYYY-MM-DD');
return (
<div>
<p>{currentDate}</p>
</div>
);
};
export default MyComponent;

0