Как изменить html в react-календаре?

#javascript #html #reactjs #react-hooks #react-calendar

Вопрос:

Я проектирование календарного модал, за который я использовал реагировать-календарь пакет NPM (https://www.npmjs.com/package/react-calendar), я могу изменить CSS в пакет путем перезаписи календарь.CSS в папке dist с локальной копией, но я не понимаю, как я могу изменить HTML-пакета, мне нужно добавить текст на самую верхушку и удалить несколько навигационных кнопок навигационной панели. Пожалуйста, обратитесь к рисунку ниже для справки. 1-й рисунок: что я сделал до сих пор

2-й рисунок: чего я хочу достичь

1. Возможно, вы захотите добавить часть своего кода. Расскажите людям, какую документацию вы используете и что вы до сих пор пытались сделать для достижения своей цели.

2. Код состоит из 2 строк инструкции импорта и объявления <Календарь/>, нет смысла это писать, и я дал имя пакета npm, до сих пор я следовал этой документации, больше ничего.

Ответ №1:

В документации их упоминается несколько реквизитов, среди которых использование navigationLabel , как показано ниже;

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

реквизит navigationLabel принимает компонент в качестве аргумента, в котором вы можете указать заголовок для календаря, в моем случае я привел следующее:-
() => <p>Choose Date</p>