react-google-maps信息框不适用于react-datepicker

时间:2018-09-20 07:43:09

标签: reactjs react-google-maps react-datepicker

因此,主要问题是组件InfoBox不允许“ onChange”处理程序(我认为)。我需要该特定对象,因为第三方组件(react-datepicker)使用“ onChange”处理程序来设置日期。

浏览官方文档后,我发现设置属性“ enableEventPropagation”具有以下特征:

  

传播mousedown,mousemove,mouseover,mouseout,mouseup,click,   dblclick,touchstart,touchend,touchmove和contextmenu中的事件   InfoBox(默认为false来模仿   google.maps.InfoWindow)。如果InfoBox是,则将此属性设置为true   用作地图标签。

这就是为什么我认为使用给定的日期选择器可能无法做到这一点,但我可能会误会。

我也尝试过设置CSS,以便将日期选择器组件绝对定位到相对父DIV所在的相对父DIV(包含信息框和日期选择器),但是由于某些原因,我似乎无法将信息框与父包装在一起DIV无论我做什么。 其背后的思考过程是我的react-datepicker组件实际上不是InfoBox的一部分(因此“ onChange”处理程序将起作用-因为它在应用程序中的其他任何地方都可以使用)

有什么想法吗? 谢谢一百万!

P.S。

将“ enableEventPropagation”设置为false是默认行为,并且将导致InfoBox像“只读”标签那样运行,不允许其内容内的任何点击。

0 个答案:

没有答案