反应日选择器：如何在"Select Multiple dates"中禁用与禁用日期的交互

Question

如何禁用"选择多个日期"中的日期。

在我的渲染中，

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

我可以禁用几天，但是如果我单击禁用日期，则在状态中也添加了它们。

我会感谢您的帮助。

Answer 1

您是否可以简单地检查OnClick处理程序中的禁用日期，并将残疾日期排除在您选择的日期状态对象中？

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