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

Question

如何在“选择多个日期”中禁用单击日期。

在我的渲染中，

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