如何在ReactJs中的checkbox中显示星期几

import React, { useState } from 'react';

const WeekdayCheckbox = () => {
  const [weekdays, setWeekdays] = useState({
    Monday: false,
    Tuesday: false,
    Wednesday: false,
    Thursday: false,
    Friday: false,
    Saturday: false,
    Sunday: false,
  });

  const handleCheckboxChange = (event) => {
    const { name, checked } = event.target;
    setWeekdays((prevWeekdays) => ({
      ...prevWeekdays,
      [name]: checked,
    }));
  };

  return (
    <div>
      <label>
        <input
          type="checkbox"
          name="Monday"
          checked={weekdays.Monday}
          onChange={handleCheckboxChange}
        />
        Monday
      </label>
      <label>
        <input
          type="checkbox"
          name="Tuesday"
          checked={weekdays.Tuesday}
          onChange={handleCheckboxChange}
        />
        Tuesday
      </label>
      <label>
        <input
          type="checkbox"
          name="Wednesday"
          checked={weekdays.Wednesday}
          onChange={handleCheckboxChange}
        />
        Wednesday
      </label>
      <label>
        <input
          type="checkbox"
          name="Thursday"
          checked={weekdays.Thursday}
          onChange={handleCheckboxChange}
        />
        Thursday
      </label>
      <label>
        <input
          type="checkbox"
          name="Friday"
          checked={weekdays.Friday}
          onChange={handleCheckboxChange}
        />
        Friday
      </label>
      <label>
        <input
          type="checkbox"
          name="Saturday"
          checked={weekdays.Saturday}
          onChange={handleCheckboxChange}
        />
        Saturday
      </label>
      <label>
        <input
          type="checkbox"
          name="Sunday"
          checked={weekdays.Sunday}
          onChange={handleCheckboxChange}
        />
        Sunday
      </label>
    </div>
  );
};

export default WeekdayCheckbox;

import React from 'react';
import WeekdayCheckbox from './WeekdayCheckbox';

const App = () => {
  return (
    <div>
      <h1>Choose weekdays:</h1>
      <WeekdayCheckbox />
    </div>
  );
};

export default App;