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

Question

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

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

我想知道 BigCalendar 日历是否支持导航到特定的日期/月份，文档包括onNavigate道具，但我无法使其工作。

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

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

Answer 2

我尝试使用这个问题的选择答案，它说要更新date属性。但是当它导航到日期时，我无法使用导航按钮。

例如，当我单击下一个按钮时，什么也没发生。

所以我所做的是，我使用onNavigate了 . 该方法的第一个提供的参数是日期对象。当我点击按钮时，它onNavigate被触发了，我能够更新日期并让按钮工作。