首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >故事书中的垂直卷轴不准确

故事书中的垂直卷轴不准确
EN

Stack Overflow用户
提问于 2019-02-14 13:12:07
回答 1查看 1.5K关注 0票数 0

我正在尝试在我的代码: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',显示在’显示信息‘按钮。

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

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

EN

回答 1

Stack Overflow用户

发布于 2019-02-15 21:23:04

要完全重写prev/next按钮,我看到的唯一方法是使用您自己的按钮将自己的按钮传递给navPrev/navNext,当您希望阻止它们激活时,这些按钮是stopPropagation的:

代码语言:javascript
运行
复制
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>
}

您可以在这里查看一个示例:https://codesandbox.io/s/ry87wm8274

这是我看到如何进行导航的唯一方法,因为导航是由DayPickerRangeController (onNextMonthClick)中的单击处理程序紧密控制的,该处理程序处理下一个月视图的能力。

要使用DayPickerRangeController禁用按钮,可以设置minDate/maxDate,这反过来会禁用prev/maxDate按钮。

这两个道具会影响disablePrev/disableNext道具(Github线),这些道具通过DayPicker传递给DayPickerNavigation组件。

注意:这些道具DateRangePicker组件中是不可用的,因为它们不是传递下来的。不知道为什么。

反应日期;医生不是最好的海事组织。最后,我总是不得不查看源代码来理解如何做我想做的事情。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54691255

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档