У меня есть массив объектов.
[
{
"date":"3 June 2020",
"event":"5"
},
{
"date":"13 June 2020",
"event":"3"
}
]
Теперь я хочу, чтобы когда календарь получил рендеринг, элемент span будет добавлен чуть ниже метки aria даты, соответствующей этому массиву, и значение элемента span - это соответствующий номер события. Например, после календарной aria-label «3 июня 2020» к новому элементу span добавляется значение «5».
Я проверил поле даты в календаре реакции, и вот код HTML для то же самое.
<button class="react-calendar__tile react-calendar__month-view__days__day" type="button" style="flex-basis: 14.2857%; max-width: 14.2857%; overflow: hidden;"><abbr aria-label="2 June 2020">2</abbr></button>
я хочу, чтобы он изменился с этим
<button class="react-calendar__tile react-calendar__month-view__days__day" type="button" style="flex-basis: 14.2857%; max-width: 14.2857%; overflow: hidden;"><abbr aria-label="2 June 2020">2</abbr><span>5</span></button>
Как я могу это сделать? Я использую пакет « React-Calendar » npm для визуализации календаря.