在React中仅显示完整日历的一周中的3天视图

import React, { useState } from 'react';
import moment from 'moment';

const WeekView = () => {
  const [currentDate, setCurrentDate] = useState(moment());

  const renderWeekDays = () => {
    const startOfWeek = currentDate.clone().startOf('week');
    const endOfWeek = currentDate.clone().endOf('week');
    const days = [];

    for (let day = startOfWeek; day <= endOfWeek; day = day.clone().add(1, 'day')) {
      days.push(
        <div key={day.format('YYYY-MM-DD')}>
          {day.format('YYYY-MM-DD')}
        </div>
      );
    }

    return days;
  };

  return (
    <div>
      <h2>Week View</h2>
      <button onClick={() => setCurrentDate(currentDate.clone().subtract(1, 'week'))}>
        Previous Week
      </button>
      <button onClick={() => setCurrentDate(moment())}>
        Today
      </button>
      <button onClick={() => setCurrentDate(currentDate.clone().add(1, 'week'))}>
        Next Week
      </button>
      <div>
        {renderWeekDays()}
      </div>
    </div>
  );
};

export default WeekView;