在反應日歷中突出顯示一些日期

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 變量的初始值一樣傳遞日期。