javascript - 在 React App 中使用 Fullcalendar 方法

标签 javascript reactjs fullcalendar fullcalendar-4

Fullcalendar 事件可以被传递到对象的 props 中的 handlerlres 拦截:

<FullCalendar
    eventDrop={ this.handleInternalDrop }                     
/>

如何使用 getEvents() 等 Fullcalendar 方法? https://fullcalendar.io/docs/Calendar-getEvents

最佳答案

以下是使用 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()
  }

}

关于javascript - 在 React App 中使用 Fullcalendar 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59106610/

相关文章:

javascript - 原型(prototype)继承 : Copying a function prototype to another

javascript - 如何在 html 中制作一个椭圆形的按钮?

reactjs - 尝试在我的 React 应用程序中使用 cookie,但它一直被重新渲染

fullcalendar - 全日历显示事件的结束时间

javascript - Vue.js 同步输入字段

javascript - 如何删除 Javascript 对象属性?

javascript - 应用 CSS 后未触发鼠标事件

reactjs - 可本地化的 ASP.NET Core + ReactJS 应用程序

javascript - FullCalendar - 垂直资源顺序排列

ajax - 从 https 重定向到 http?