reactjs - react-google-maps InfoBox 无法与 react-datepicker 一起使用
问题描述
所以,主要问题是组件信息框不允许“onChange”处理程序(我想)。我需要那个特定的,因为第 3 方组件(react-datepicker)使用“onChange”处理程序来设置日期。
挖掘官方文档,我发现设置属性“enableEventPropagation”是这样的:
在 InfoBox 中传播 mousedown、mousemove、mouseover、mouseout、mouseup、click、dblclick、touchstart、touchend、touchmove 和 contextmenu 事件(默认为 false 以模仿 google.maps.InfoWindow 的行为)。如果 InfoBox 被用作地图标签,则将此属性设置为 true。
这就是为什么我认为使用给定的日期选择器可能无法做到这一点,但我可能弄错了。
我还尝试设置 CSS,以便日期选择器组件相对于包含 InfoBox 和日期选择器的相对父 DIV 绝对定位,但由于某种原因,我似乎无法用父 DIV 包装 InfoBox我所做的。这背后的思考过程是我的 react-datepicker 组件实际上并不是 InfoBox 的一部分(因此“onChange”处理程序将起作用 - 因为它在应用程序中的其他任何地方都有效)
有什么想法吗?太感谢了!
附言
将“enableEventPropagation”设置为 false 是默认行为,这将导致 InfoBox 像“只读”标签一样不允许点击(在其内容内)。
解决方案
推荐阅读
- java - 更新到新的 intelij IDE 后生成器插件异常
- macos - 如何在 mac osx mojave 上安装 IBM db2 cli 驱动程序
- c# - 使用 AsParallel 的竞争条件
- javascript - Bootstrap-Vue Form Datepicker 的下拉日历变形问题
- c++ - c ++:结构内的std :: vector的std :: vector
- r - 在 R 上使用 Magick 编写多个图像
- c - 在目录 C 中查找文件
- mongodb - 如何在不使用 $facet 的情况下在 mongoDB 中实现分页,因为 AZURE 和 AWS 不支持它
- tsql - SQL Server:将每个单独的列连接成 1 行
- amazon-web-services - 有没有人使用 AWS Glue 构建数据管道来雪花?寻找解决方案