在React中获取当前日期的方法有多种方式:
- 使用JavaScript的Date对象来获取当前日期:
const currentDate = new Date(); console.log(currentDate);
- 使用React的useState钩子和JavaScript的Date对象来获取当前日期并将其存储在组件的状态中:
import React, { useState, useEffect } from 'react';
const MyComponent = () => {
const [currentDate, setCurrentDate] = useState('');
useEffect(() => {
const date = new Date();
setCurrentDate(date);
}, []);
return (
{currentDate.toString()}
);
};
export default MyComponent;
- 使用第三方日期库如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 (
{currentDate}
);
};
export default MyComponent;