如何在FullCalendar的react js中添加并显示带有even其他属性的标题？

import React from 'react';
import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid';
import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';

class Calendar extends React.Component {
  state = {
    events: [
      {
        title: 'Event 1',
        start: '2022-01-01',
        end: '2022-01-02',
        otherProperty: 'Value 1'
      },
      {
        title: 'Event 2',
        start: '2022-01-03',
        end: '2022-01-04',
        otherProperty: 'Value 2'
      },
      // 其他事件...
    ]
  };

  render() {
    return (
      <div>
        <FullCalendar
          plugins={[dayGridPlugin]}
          initialView="dayGridMonth"
          events={this.state.events}
        />
      </div>
    );
  }
}

class Calendar extends React.Component {
  // ...

  render() {
    return (
      <div>
        <FullCalendar
          plugins={[dayGridPlugin]}
          initialView="dayGridMonth"
          events={this.state.events}
          eventContent={renderEventContent}
        />
      </div>
    );
  }
}

function renderEventContent(eventInfo) {
  return (
    <div>
      <b>{eventInfo.timeText}</b>
      <i>{eventInfo.event.title}</i>
      <p>{eventInfo.event.extendedProps.otherProperty}</p>
    </div>
  );
}