Reactjs 在AntDesign中自定义dateCellRender

Reactjs 在AntDesign中自定义dateCellRender,reactjs,antd,Reactjs,Antd,是否可以在dateCellRender中的日历组件中添加类? 我在AntDesign中创建了这种模块 这里有一个例子 每当我在特定日期添加事件时,我已经创建了一个状态。 并且在主日历组件中有一个条件 <Calendar className={ state.isTaggedHoliday ? 'isTaggedHoliday' : 'isTaggedLeave' } dateCellRender={dateCellRender} monthCellRender={mon

是否可以在dateCellRender中的日历组件中添加类? 我在AntDesign中创建了这种模块

这里有一个例子

每当我在特定日期添加事件时,我已经创建了一个状态。 并且在主日历组件中有一个条件

<Calendar
  className={
   state.isTaggedHoliday ? 'isTaggedHoliday' : 'isTaggedLeave'
  }
  dateCellRender={dateCellRender}
  monthCellRender={monthCellRender}
  onPanelChange={changeCalendarMode}
  onSelect={showLeaveListModal}
/>
但我不确定在日历中标记的特定日期在哪里插入类

您可以添加一个类名,但需要针对正确的CSS类

因此,不建议将其组件设置为这样的样式


我想你可以在他们的产品中添加react成分,但我不确定。你能分享一些你的子组件代码吗?演示不起作用,请创建一个可生产的示例:,通过添加类,你的意思是用css设置样式是吗?我已经更新了链接。或者这里是@DennisVash Yes,使用css和特定类进行样式设置,因为我在日历中得到了一个特定的日期。问题出在哪里?你的类名“events”工作是的,我得到了那部分,但就像.ant fullcalendar fullscreen.ant fullcalendar selected day.ant fullcalendar date{background:palegreen;}我想用同样的方式处理事件内容。我也可以添加背景色,更改边框顶部等
.ant-fullcalendar-fullscreen
  .ant-fullcalendar-month-panel-selected-cell
  .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen
  .ant-fullcalendar-selected-day
  .ant-fullcalendar-date {
  background: palegreen;
}