在决定日历的位置时,日历(到目前为止)似乎没有考虑到碰撞检测。例如:
在屏幕截图中,你可以看到日历不在屏幕上。即使我禁用了水平滚动(overflow-x: hidden;
),它仍然呈现在屏幕之外。
有没有解决这个问题的办法,而不是砍掉样式呢?
发布于 2019-03-01 08:51:53
react-day-picker的DayPickerInput API现在有了classNames,它允许您更改覆盖和覆盖包装的类的名称。您基本上是重命名它们,以便在您自己的react- CSS/LESS文件中,您可以使用该名称来设置覆盖图的样式,并让它使用该名称而不是react---style.css中的类(作为最佳实践,您应该更改而不是尝试更改)。
如果您想要更改覆盖的默认属性(日历弹出窗口),那么无论您在哪里创建组件,您都可以这样做:
createElement(DayPicker.Input,
{ //all other props
classNames: {
overlay: "TheNewNameForTheClass",
overlayWrapper: "TheOtherNewNameForTheClass"
}
}
})
然后在您的样式文件中,您将使用TheNewNameForTheClass
和TheOtherNewNameForTheClass
来设置覆盖图的样式。
https://stackoverflow.com/questions/46913076
复制相似问题