在 React Big 日历中拖放或调整事件大小答案

【问题标题】：Drag & drop or resize events inside React Big calendar在 React Big 日历中拖放或调整事件大小
【发布时间】：2017-08-01 05:39:09
【问题描述】：

有人可以解释如何调整事件的大小吗..我目前可以使用 DragAndDropCalendar 组件，但对于我的应用程序，我也需要能够调整事件的大小（请用代码解释，我只是 React 的新手）

请在下面查看我当前运行良好的代码，并让我知道是否需要对调整大小事件进行任何修改。

const DragAndDropCalendar = withDragAndDrop(BigCalendar);

和

<DragAndDropCalendar
             min={am8}
             max={pm8}
             selectable
             events={this.state.events}
             onEventDrop={this.moveEvent}
             defaultView="day"
               views={["month", "week", "day"]}
             onNavigate={(date, views) => {

             }}
             onView={view => {


             }}
              onSelectSlot={slot => this.createAppointment(slot)}
             onSelectEvent={event => this.modifyAppointment(event)}
           />

顺便说一句，我找到了 DraggableEventWrapper 组件，但不知道如何使用.. 提前致谢。

【问题讨论】：

标签： reactjs react-native fullcalendar react-redux react-big-calendar

【解决方案1】：

demo/dnd.js 中的第 38 行当前是：

resizeEvent = (resizeType, { event, start, end }) => {

应该是：

resizeEvent(resizeType, { event, start, end }) {

然后在 demo/dnd.js 的第 19 行之后，应添加以下内容：

this.resizeEvent = this.resizeEvent.bind(this)

或参考此页面 https://github.com/jquense/react-big-calendar/issues/804

【讨论】：