React Hooks -根据条件突出显示一周中的某一天

import React, { useState } from 'react';

const WeekDayHighlight = () => {
  const [selectedDay, setSelectedDay] = useState('');

  const handleDayClick = (day) => {
    setSelectedDay(day);
  };

  return (
    <div>
      <button onClick={() => handleDayClick('Monday')} style={{ fontWeight: selectedDay === 'Monday' ? 'bold' : 'normal' }}>Monday</button>
      <button onClick={() => handleDayClick('Tuesday')} style={{ fontWeight: selectedDay === 'Tuesday' ? 'bold' : 'normal' }}>Tuesday</button>
      <button onClick={() => handleDayClick('Wednesday')} style={{ fontWeight: selectedDay === 'Wednesday' ? 'bold' : 'normal' }}>Wednesday</button>
      <button onClick={() => handleDayClick('Thursday')} style={{ fontWeight: selectedDay === 'Thursday' ? 'bold' : 'normal' }}>Thursday</button>
      <button onClick={() => handleDayClick('Friday')} style={{ fontWeight: selectedDay === 'Friday' ? 'bold' : 'normal' }}>Friday</button>
      <button onClick={() => handleDayClick('Saturday')} style={{ fontWeight: selectedDay === 'Saturday' ? 'bold' : 'normal' }}>Saturday</button>
      <button onClick={() => handleDayClick('Sunday')} style={{ fontWeight: selectedDay === 'Sunday' ? 'bold' : 'normal' }}>Sunday</button>
    </div>
  );
};

export default WeekDayHighlight;