如何在react-leaflet中的道具更改上重新渲染折线?

时间:2019-10-23 11:40:26

标签: javascript reactjs polyline react-leaflet

使用react-laflet 2.3.0绘制地图,并根据通过道具接收的坐标数据绘制折线。

折线的鼠标悬停会打开一个弹出窗口(MUICard),并通过在componentDidMount的{​​{1}}中进行REST调用来显示数据。到目前为止一切顺利。

每当地图组件接收到更改的道具时,都会添加或删除折线,其中一些折线会保留,具体取决于接收到的数据。

在这些旧的折线上,onmouseover事件会打开一个弹出窗口,其中包含陈旧数据。在浏览器的调试窗口中未触发任何请求。是由JavaScript的MUICard还是浏览器缓存引起的?

下面是地图组件的render方法中的代码。

pass by reference

如何确保每个折线的onmouseover事件以REST调用结束,从而在弹出窗口中生成新数据?或简单地说, 如何在每次道具更改时重新渲染折线?

0 个答案:

没有答案