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

【问题标题】：How to alter the html in the react-calendar?如何更改反应日历中的 html？
【发布时间】：2021-09-28 22:38:06
【问题描述】：

我正在设计一个日历模式，为此我使用了 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

【问题讨论】：

您可能想要添加一些代码。告诉人们您正在使用什么文档以及到目前为止您为实现目标所做的努力。
代码是两行 import 语句和声明，写那个没有意义，我给了 npm 包名，到目前为止我一直在关注那个文档，没有别的。

标签： javascript html reactjs react-hooks react-calendar

【解决方案1】：

在documentation 中提到了一些道具，其中使用navigationLabel 如下所示；

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

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

【讨论】：

不，它不起作用，它用选择日期替换了月份（7 月），而我想在导航栏顶部添加选择日期