javascript - React：将大日历 onNavigate 触发器从单击日期编号更改为整个单元格日期

Question

我目前在 React 上使用大日历。目前，当您单击单元格中的日期时，Big Calendar 会触发其 onNavigate 回调。

当我单击日期的整个单元格时，我想要的是使 onNavigate 触发。

有没有可能的方法来做到这一点？谢谢。

Answer 1

如果您使用view, onView, date, and onNavigate, doing viewanddate作为受控道具，那么您可以使用您的onSelectSlot道具来更改您的date.

const handleSlotSelect = slotInfo => {
  if (view === 'month') { // assumes you got 'view' from state
    // ... do some date stuff to get _just the date_ from the slotInfo.start
    handleNavigate(newDate);
    handleViewChange('day');
  }
  // ... any other slot selection functionality for other views
};

请记住，这样做不会调用 RBC 的内部handleViewChange、、onNavigate或handleRangeChange方法。如果你在useState这里使用带有钩子的函数组件也是最好的，这样你的状态更新就被捆绑在一起了，所以date同时view更新。