React Day Picker：如何在“选择多个日期”中禁用与禁用日期的交互

Question

如何禁用"Selecting multiple dates"中的日期单击。

在我的渲染中，

<DayPicker selectedDays={this.state.selectedDays} onDayClick={this.handleMultiDayClick} disabledDays={{ before: this.state.currentDay }} />

我可以禁用日期，但是如果我单击禁用日期，那么这些日期也会添加到该状态中。

我会很感激。

Answer 1

您能不能简单地在onclick处理程序中检查禁用日期并将禁用日期从selectedDays状态对象中排除？

handleMultiDayClick(e) {
  // check here for disabled dates
  if(!disabledDate) {
    this.setState({selectedDays: this.state.selectedDays.push(newDate).slice(0)})
  }
}