在React中查看单击按钮的日期,可以通过以下步骤实现:
以下是一个示例代码:
import React, { Component } from 'react';
import moment from 'moment'; // 引入日期库
class MyComponent extends Component {
constructor(props) {
super(props);
this.state = {
date: null // 初始化日期属性
};
}
handleClick = () => {
const currentDate = moment().format('YYYY-MM-DD'); // 获取当前日期
this.setState({ date: currentDate }); // 存储日期到组件的state中
}
render() {
return (
<div>
<button onClick={this.handleClick}>点击查看日期</button>
{this.state.date && <p>按钮点击日期:{this.state.date}</p>}
</div>
);
}
}
export default MyComponent;
这个示例中,我们使用了moment.js来处理日期。当按钮被点击时,handleClick方法会获取当前日期,并将其存储到组件的state中的date属性中。然后,在render方法中,我们显示了按钮点击后的日期。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云