如何在反应大日历中禁用事件选择答案

【问题标题】：how to disable event select in react big calender如何在反应大日历中禁用事件选择
【发布时间】：2019-12-06 14:08:11
【问题描述】：

我想为 clickEvent 禁用事件我在反应大日历中有 2 种类型的事件（假期和休假）。我使用绿色来显示休假和红色的假期事件。我只想更新假日事件，所以我的问题是如何禁用叶子事件，这样当我点击它时，它不应该打开任何类型的表单来更新。我用过这段代码

<Calendar
  selectable
  onSelectSlot={this.toggleAddModal}
  onSelectEvent={this.toggleEditModal}
  events={list}
  startAccessor="start"
  endAccessor="end"
  defaultDate={moment().toDate()}
  localizer={localizer}
  eventPropGetter={event => {
    const eventData = list.find(ot => ot.id === event.id);
    const backgroundColor = eventData && eventData.color;
    return { style: { backgroundColor } };
  }}
/>

onSelectEvent={this.toggleEditModal} 这是我打开 EditEvent 对话框的道具。

events={list}

它是假期和离开的绑定事件列表，像这样const list = [...holidays, ...leaves]

提前谢谢你。

【问题讨论】：

标签： reactjs react-big-calendar

【解决方案1】：

通过更新 toggleEditModal 解决了这个问题

toggleEditModal = event => {
        if (event.type == 'holiday') {
            if (!this.state.isAddModalOpen) {
                let fields = this.state.fields;
                fields['is_restricted'] = event.resource;
                fields["occasion"] = event.title;
                fields['for_date'] = event.start;
                fields['id'] = event.id;
                this.setState({
                    fields,
                    currentEvent: event,
                    isEditModalOpen: !this.state.isEditModalOpen,
                });
            }
        }
    };

【讨论】：