Обновить метку области в календаре реакции для указанной c даты - PullRequest
0 голосов
/ 20 июня 2020

У меня есть массив объектов.

[
{
"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 для визуализации календаря.

...