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

Question

我正在设计一个日历模式，为此我使用了 react-calendar npm 包（https://www.npmjs.com/package/react-calendar），我可以通过覆盖日历来更改包的 CSS带有本地副本的 dist 文件夹中的 .css ，但我不明白如何更改包的 HTML，我必须在最顶部添加一个文本并从导航面板中删除几个导航按钮。请参考下图，供参考。 第一张照片：到目前为止我做了什么

第二张图：我想要达到的目标

Answer 1

在文档中，他们提到了一些道具，其中使用navigationLabel如下所示；

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

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