reactjs - React-big-calendar 导航到特定的日期/月份

Question

我正在使用 BigCalendar react-big-calendar ，我试图找到一个有关如何在 defaultDate 状态值更改时导航到特定日期/月份的示例。

<BigCalendar
        events={props.events}
        defaultDate={this.state.selectedDay}
/>

我想知道 BigCalendar 日历是否支持导航到特定的日期/月份，文档包括 onNavigate Prop ，但我还没能让它发挥作用。

    <BigCalendar
      selectable
      events={events}
      defaultView='week'
      defaultDate={this.state.selectedDay}
      onNavigate={() => { this.state.selectedDay }}
    />

谢谢

Answer 1

在这种情况下，您不想使用 defaultDate，因为您自己控制该值

<BigCalendar
  selectable
  events={events}
  defaultView='week'
  date={this.state.selectedDay}
  onNavigate={date => {
    this.setState({ selectedDate: date });
  }}
/>

这将告诉日历，始终使用您告诉它的日期。