Question

有人可以解释一下如何调整事件的大小..目前可以使用 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)}
           />

BTW我找到 DraggableEventWrapper 组件，但不知道如何使用.. 在此先感谢。

Answer 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

拖拽在React Big日历中删除或调整事件大小

1 个答案: