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

Question

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

第二张图：我想达到什么

Answer 1

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

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

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