Полный календарь в реагировании добавить событие клика на элементах заголовка

Question

Я использую полный календарь в моем проекте. Мое требование - использовать событие click для кнопок заголовка, таких как кнопки prev, next и today и т. Д.

Ниже показано, как я использовал полный календарь, а заголовки содержат эти данные кнопки.

<FullCalendar
  defaultView="dayGridMonth"
  header={{
    left: "prev,next today",
    center: "title",
    right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek"
  }}
  plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
  ref={this.calendarComponentRef}
  weekends={this.state.calendarWeekends}
  events={this.state.calendarEvents}
  eventBorderColor={""}
  eventLimit={true}
  views={{
    timeGrid: {
      eventLimit: 3 // adjust to 3 only for timeGridWeek/timeGridDay
    },
    dayGrid: {
      eventLimit: 4
    }
  }}
  viewRender={function(view, elm) {
    console.log(view, elm);
  }}
  // eventRender = {function(eventObj, elm) {
  //   console.log(eventObj , elm);

  // }}
  select={function(start, end) {
    console.log(start, end);
  }}
  slotDuration={"00:15:00"}
  slotLabelInterval={"00:05:00"}
  dateClick={this.handleDateClick}
/>;

Я хочу вызвать функцию при изменении вида из заголовка. Например - при изменении представления с dayGridMonth на timeGridWeek я хочу перезагрузить данные. Поэтому мне нужно вызвать функцию. То же самое с кнопкой назад, вперед и сегодня. Пожалуйста, помогите мне. Если моя информация не ясна, я могу предоставить более подробное объяснение.