如何在react中更新日期占位符选项onMouseOver

import React, { Component } from 'react';

class DatePlaceholder extends Component {
  constructor(props) {
    super(props);
    this.state = {
      datePlaceholder: ''
    };
  }

  componentDidMount() {
    const date = new Date();
    const datePlaceholder = this.formatDate(date);
    this.setState({ datePlaceholder });
  }

  formatDate(date) {
    // 格式化日期为占位符选项的格式，例如：YYYY-MM-DD
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0');
    const day = String(date.getDate()).padStart(2, '0');
    return `${year}-${month}-${day}`;
  }

  handleMouseOver() {
    const date = new Date();
    const datePlaceholder = this.formatDate(date);
    this.setState({ datePlaceholder });
  }

  render() {
    return (
      <div onMouseOver={() => this.handleMouseOver()}>
        {this.state.datePlaceholder}
      </div>
    );
  }
}

export default DatePlaceholder;