如何在react大日历的月视图中获取周的完整日期名称

import React, { useState } from 'react';

const Calendar = () => {
  const [dates, setDates] = useState([]);

  // 其他代码...

  return (
    // 渲染日历组件
  );
};

export default Calendar;

const Calendar = () => {
  const [dates, setDates] = useState([]);

  useEffect(() => {
    const currentDate = new Date();
    const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
    const lastDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);

    // 其他代码...
  }, []);

  // 其他代码...

  return (
    // 渲染日历组件
  );
};

const Calendar = () => {
  const [dates, setDates] = useState([]);

  useEffect(() => {
    const currentDate = new Date();
    const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
    const lastDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);

    const allDates = [];
    for (let date = firstDayOfMonth; date <= lastDayOfMonth; date.setDate(date.getDate() + 1)) {
      allDates.push(new Date(date));
    }

    setDates(allDates);
  }, []);

  // 其他代码...

  return (
    // 渲染日历组件
  );
};

const Calendar = () => {
  const [dates, setDates] = useState([]);

  useEffect(() => {
    const currentDate = new Date();
    const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
    const lastDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);

    const allDates = [];
    for (let date = firstDayOfMonth; date <= lastDayOfMonth; date.setDate(date.getDate() + 1)) {
      allDates.push(new Date(date));
    }

    setDates(allDates);
  }, []);

  return (
    <div>
      {dates.map((date) => (
        <div key={date.getTime()}>
          {date.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })}
        </div>
      ))}
    </div>
  );
};

export default Calendar;