Ant Design的Calendar组件支持通过设置dateCellRender属性来自定义日期单元格中的内容。我们可以利用这一特性来展示具有不同日期的事件。

首先，我们需要将事件数据转换为Ant Design Calendar所需的数据格式，即key为日期字符串，value为需要渲染的内容的数组。例如：

const eventData = { '2022-01-01': [{ title: 'New Year's Day', eventId: 1 }], '2022-02-14': [{ title: 'Valentine's Day', eventId: 2 }], '2022-03-08': [{ title: 'International Women's Day', eventId: 3 }] // ...其他日期的事件 };

然后，我们可以在dateCellRender回调方法中根据日期获取对应的事件数据，并渲染对应的内容。例如：

{ const events = eventData[date.format('YYYY-MM-DD')]; if (!events) return null;

return (
  

    {events.map(event => (
      
{event.title}
    ))}
  
);

}} />

这样，我们就可以在Ant Design Calendar中展示具有不同日期的事件了。