在特定日期更新反应日历的区域标签

Question

我有一个对象数组。

[
{
"date":"3 June 2020",
"event":"5"
},
{
"date":"13 June 2020",
"event":"3"
}
]

现在我想要的是日历得到渲染时，将在此数组与日期匹配的aria标签正下方追加一个span元素，并且span元素的值是相应的事件号。例如，在日历aria标签“ 2020年6月3日”之后，新的span元素将附加值“ 5”。

我检查了react-calendar日期框，这是相同的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>

我该怎么做？我正在使用“ 反应日历” npm程序包来呈现日历。