如何在react-calendar中设置单击日期的样式？

npm install react-calendar

import Calendar from 'react-calendar';
import 'react-calendar/dist/Calendar.css';

import React, { useState } from 'react';

function MyCalendar() {
  const [selectedDate, setSelectedDate] = useState(new Date());

  // 更多代码...
}

import React, { useState } from 'react';
import Calendar from 'react-calendar';
import 'react-calendar/dist/Calendar.css';

function MyCalendar() {
  const [selectedDate, setSelectedDate] = useState(new Date());

  const handleDateChange = (date) => {
    setSelectedDate(date);
  };

  return (
    <div>
      <Calendar
        value={selectedDate}
        onChange={handleDateChange}
      />
    </div>
  );
}

import React, { useState } from 'react';
import Calendar from 'react-calendar';
import 'react-calendar/dist/Calendar.css';
import './MyCalendar.css'; // 引入自定义样式文件

.react-calendar__tile--active {
  background-color: red;
}