如何更改反應日歷中的 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>