如何在reactjs中表中添加多个日期

import React, { useState } from 'react';

function MyComponent() {
  const [dates, setDates] = useState([]);

  // 其他组件代码

  return (
    // JSX代码
  );
}

export default MyComponent;

import React, { useState } from 'react';

function MyComponent() {
  const [dates, setDates] = useState([]);

  const handleDateChange = (event) => {
    const selectedDate = event.target.value;
    setDates([...dates, selectedDate]);
  };

  return (
    <div>
      <table>
        <thead>
          <tr>
            <th>Date</th>
          </tr>
        </thead>
        <tbody>
          {dates.map((date, index) => (
            <tr key={index}>
              <td>{date}</td>
            </tr>
          ))}
        </tbody>
      </table>

      <input type="date" onChange={handleDateChange} />
    </div>
  );
}

export default MyComponent;