Javascript 反应：将big calendar onNavigate触发器从单击日期编号更改为整个单元格日期

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

我想要的是，当我单击日期的整个单元格时，使onNavigate着火

---

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

如果您使用

查看

、

打开查看

、

日期

、打开导航，将

查看

和

日期

作为受控道具，那么您可以使用

打开选择窗

道具更改

日期

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

。

，将

查看

和

日期

作为受控道具，然后您可以使用您的

onSelectSlot

道具更改您的

日期

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

。

Hi Steve。谢谢你的回复！我将尝试此解决方案并用结果更新您。@nypogi希望它有帮助。别忘了在这里“列出”答案，让别人知道它对你有用。嗨，史蒂夫。谢谢你的回复！我将尝试此解决方案并用结果更新您。@nypogi希望它有帮助。别忘了在这里“向上”答案，让别人知道它对你有用。