Как мне динамически стилизовать плитки в реагирующем календаре ⇐ CSS

[Гость]

Я использую реактивный календарь, добавил стартовый CSS-файл в свой собственный CSS-файл и связал его с моим реагирующим компонентом, и у меня есть массив объектов с датами

import "./Calendar.css"; импортировать календарь из «реагировать-календаря»; const dateData=[{дата: '09/09/23'},{дата:'24/09/23'},{дата:'30/09/23'}] Однако я хочу добавить следующий CSS к плиткам, даты которых включены в массив dateData

.react-calendar__tile ::after { содержание: «о»; положение: относительное; красный цвет; высота: 8 пикселей; ширина: 8 пикселей; радиус границы: 8 пикселей; цвет фона: красный; } Этот CSS будет отображать просто круглую точку, но в настоящее время он отображается вот так Мой текущий компонент календаря , но я хочу, чтобы эта точка показывалась только тогда, когда эта конкретная дата также присутствует в массиве dateData

Я пробовал до и после обоих и пытался добавить их, но это не сработало