React Day Picker：如何在 "Select Multiple dates" 中禁用与禁用日期的交互

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