Reactjs 如何在开发计划程序中突出显示选定的约会？

我在scheduler上有不同类型的约会，我想对所选约会进行一些UI更改，例如，我想更改所选约会的背景色。有没有办法做到这一点

这是我的代码片段

<Appointments.Appointment
  {...restProps}
  className={classes.selectedShift}
  onClick={(e) => {
    setDataModal(restProps.data)
  }}
>
  <React.Fragment>
    <IconButton
      onClick={(e: React.MouseEvent<HTMLElement, MouseEvent>) => {
        e.preventDefault();
        e.stopPropagation();
        setShiftModal(restProps.data);
      }}
    >
      <EditIcon fontSize="small" color="action" />
    </IconButton>
    {restProps.children}
  </React.Fragment>
</Appointments.Appointment>

{
setDataModal（restProps.data）
}}
>
{
e、 预防默认值（）；
e、 停止传播（）；
设置换档模式（restProps.数据）；
}}
>
{restProps.children}