如何在状态中动态获取和保存附近的日期？

import React, { useState } from "react";

const NearbyDatesComponent = () => {
  const [nearbyDates, setNearbyDates] = useState([]);

  const getNearbyDates = () => {
    const currentDate = new Date();
    const nearbyDatesRange = 7; // 假设获取前后7天的日期

    const dates = [];
    for (let i = -nearbyDatesRange; i <= nearbyDatesRange; i++) {
      const date = new Date();
      date.setDate(currentDate.getDate() + i);
      dates.push(date.toISOString().slice(0, 10)); // 存储日期的字符串形式
    }

    setNearbyDates(dates);
  };

  return (
    <div>
      <button onClick={getNearbyDates}>获取附近的日期</button>
      {nearbyDates.map((date) => (
        <div key={date}>{date}</div>
      ))}
    </div>
  );
};

export default NearbyDatesComponent;