在react日历中突出显示某些日期

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变量的初始值。