在 React App 中使用 Fullcalendar 方法

Question

Fullcalendar 事件可以被传入对象 props 的 handlres 拦截：

<FullCalendar
    eventDrop={ this.handleInternalDrop }                     
/>

如何使用getEvents()等全日历方法？ https://fullcalendar.io/docs/Calendar-getEvents

Answer 1

下面是一个使用 getEvents() 方法的例子：

export default class DemoApp extends React.Component {

  calendarRef = React.createRef()

  render() {
    return (
      <FullCalendar ref={this.calendarRef} />
    )
  }

  someMethod() {
    let calendarApi = this.calendarRef.current.getApi()
    calendarApi.getEvents()
  }

}

在 React App 中使用 Fullcalendar 方法

Using Fullcalendar methods inside React App

javascript

fullcalendar

reactjs

fullcalendar-4