Javascript 故事书中的垂直滚动不准确

Javascript 故事书中的垂直滚动不准确,javascript,reactjs,react-dates,Javascript,Reactjs,React Dates,我正试图在故事书中的代码上实现以下示例: 看起来他们展示的关于他们传递的组件道具的信息不准确: 它与前面示例中的复制和粘贴类似 因此,故事书示例“垂直滚动”和“带自定义月导航的垂直滚动”使用不同的函数来加载更多的月,不能是“显示信息”按钮上显示的“onPrevMonthClick”和“onNextMonthClick” 如何覆盖“向下箭头”,以便加载更多的月份 以前有人遇到过这个问题吗?要完全覆盖上一个/下一个按钮,我看到的唯一方法是使用您自己的按钮将您自己的按钮传递到navPrev/navN

我正试图在故事书中的代码上实现以下示例:

看起来他们展示的关于他们传递的组件道具的信息不准确:

它与前面示例中的复制和粘贴类似

因此,故事书示例“垂直滚动”和“带自定义月导航的垂直滚动”使用不同的函数来加载更多的月,不能是“显示信息”按钮上显示的“onPrevMonthClick”和“onNextMonthClick”

如何覆盖“向下箭头”,以便加载更多的月份


以前有人遇到过这个问题吗?

要完全覆盖上一个/下一个按钮,我看到的唯一方法是使用您自己的按钮将您自己的按钮传递到navPrev/navNext,当您想停止它们激活时,这些按钮会停止播放:

navNext={
  <button
    onClick={e => {
      const dontGoNext = true;
      if (dontGoNext) {
        // Stop propagation of button and prevent next month from loading
        e.stopPropagation();
      } else {
        // do nothing..
      }
    }}
  >
    Next
  </button>
}
您可以在此处签出一个示例:

之所以这是我看到如何做到这一点的唯一方法,是因为导航是由DayPickerangeController中的click处理程序严格控制的,该处理程序处理转到下个月视图的能力

要仅使用DayPickerAgeController禁用按钮,您可以设置minDate/maxDate,从而禁用prev/next按钮

这两个道具影响disablePrev/disableNext道具,这些道具通过DayPicker传递给DayPickerNavigation组件

注意:这些道具在DateRangePicker组件中不可用,因为它们没有传递下来。不确定为什么


附:反应日期;文档并不是最好的IMO。我总是要查看源代码才能理解如何做我想做的事情。

感谢我们的回答和您的示例,但正如我在问题上提到的,我使用的是“垂直滚动”,比如示例:我的问题是,函数是什么,我如何覆盖它,这会加载更多个月,当您单击底部的“向下箭头”时。很抱歉,我将答案缩小为仅能禁用按钮,我将更新我的答案和示例,以覆盖按钮,这是我看到的唯一方法。您是否看到任何方法可以获取可滚动日历上显示的月数,为了更新“下一步”按钮并禁用“dontGoNext”标志,您可以通过numberOfMonths属性手动设置:因此,如果您设置numberOfMonths={3},则滚动视图中将显示3个月。