如何更改反应日历中的 html？

问题描述

我正在设计一个日历模式，为此我使用了 react-calendar npm 包 (https://www.npmjs.com/package/react-calendar)，我可以通过覆盖 dist 文件夹中的 calendar.css 来更改包的 CSS一个本地副本，但我不明白如何更改包的 HTML，我必须在最顶部添加一个文本并从导航面板中删除几个导航按钮。请参考下图，以供参考。 1st pic: what I have done so far

2nd pic: what I want to achive

解决方法

在 documentation 中，他们提到的道具很少，其中使用 navigationLabel 如下所示；

<Calendar
 onChange={this.smallCalenderChange}
 value={this.state.date}
 navigationLabel={() => <p>Choose Date</p>}
/>

navigationLabel 道具将一个组件作为参数，您可以在其中指定日历的标题，在我的情况下，我给出了以下内容：- () => <p>Choose Date</p>