将参数传递给相同的函数，并接收不同的日期并将其传递给props

// DateComponent.js
import React from 'react';

const DateComponent = (props) => {
  const handleDate = (date) => {
    props.onDateChange(date);
  };

  return (
    <div>
      <button onClick={() => handleDate('2022-01-01')}>Set Date 1</button>
      <button onClick={() => handleDate('2022-02-01')}>Set Date 2</button>
      <button onClick={() => handleDate('2022-03-01')}>Set Date 3</button>
    </div>
  );
};

export default DateComponent;

// ParentComponent.js
import React, { useState } from 'react';
import DateComponent from './DateComponent';

const ParentComponent = () => {
  const [selectedDate, setSelectedDate] = useState('');

  const handleDateChange = (date) => {
    setSelectedDate(date);
    // 根据需要处理接收到的日期参数
    console.log('Selected Date:', date);
  };

  return (
    <div>
      <h1>Parent Component</h1>
      <p>Selected Date: {selectedDate}</p>
      <DateComponent onDateChange={handleDateChange} />
    </div>
  );
};

export default ParentComponent;