react-dates故事书中的verticall可滚动不正确

Question

我尝试在我的代码的故事书中实现此react-dates示例： http://airbnb.io/react-dates/?selectedKind=DayPickerRangeController&selectedStory=vertical%20scrollable&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

看起来他们显示的关于通过的道具的信息不正确：

就像以前示例中的复制粘贴一样。

因此，故事书示例，“垂直可滚动”和“具有自定义月份导航的垂直可滚动”正在使用其他功能来加载更多月份，因此不能为“ onPrevMonthClick ”和“ onNextMonthClick ”，显示在“显示信息”按钮上。

我所需要做的就是如何覆盖“向下箭头”，以便加载更多或更少的月份。

有人在这个问题上提出过吗？ 谢谢。

Answer 1

要完全覆盖上一个/下一个按钮，我看到的唯一方法是将自己的按钮传递给navPrev并使用自己的按钮传递到navNext阻止他们激活：

stopPropagation

您可以在此处签出示例：https://codesandbox.io/s/ry87wm8274

这是我看到的唯一方法，原因是导航是通过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> } （onNextMonthClick）中的单击处理程序严格控制的，该处理程序可以处理下个月的操作视图。

---

要使用DayPickerRangeController仅禁用按钮，您可以设置DayPickerRangeController / minDate，从而禁用上一个/下一个按钮。

这2个道具会影响maxDate / disablePrev道具（Github Lines），这些道具会通过disableNext传递到DayPicker组件。

---

注意：这些道具在DayPickerNavigation组件中不可用，因为它们没有传递下来。不确定原因。

---

P.S。 DateRangePicker文档不是最好的IMO。我总是不得不从源头上了解如何做自己想做的事情。