在反应日历中突出显示一些日期

Question

你好，我的项目中有这个日历，我想突出显示一些日期以标记它们已被使用。 你能告诉我该怎么做吗？

import React, { useState} from 'react';
import Calendar from 'react-calendar';

export default function Test() {
  const [date, setDate] = useState(new Date.toDateString());
  const dateToMark = [
    '3',
    '10',
    '20',
  ];

  return(
    <div>
      <p>{date}</p>
      <Calendar onChange={setDate} value={date}/>
    </div>
  );
}

在此先感谢，祝您代码日愉快。

Answer 1

import React, { useState} from 'react';
import Calendar from 'react-calendar';

export default function Test() {
  const [date, setDate] = useState([
    '3',
    '10',
    '20',
  ]);

  return(
    <div>
      <p>{date}</p>
      <Calendar onChange={setDate} value={date}/>
    </div>
  );
}

通过像 usestate 变量的初始值一样传递日期。