reactjs - 在 React Big 日历中拖放或调整事件大小

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)}
           />

顺便说一句，我找到了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