版本:
- react-router-dom 4.1.1
- react-router-redux 5.0.0-alpha.4
- react-leaflet 1.1.3
- leaflet 1.0.3
复现步骤
我创建了一个leaflet地图,在其中添加了一些标记。这些标记有弹出窗口。
在每个弹出窗口中,我想要有一个<Link>
。
如果有帮助的话,这是我的路由配置:
ReactDOM.render(
<Provider store={store}>
<div>
<AppContainer />
<ConnectedRouter history={history}>
<div>
<MenuContainer />
<Switch>
<Route path='/:area/:sport/list' component={ListContainer} />
<Route path='/:area/:sport/map' component={MapContainer} />
<Route path='/:area/:sport/rasp' component={RaspContainer} />
<Route path='/:shortcode/details' component={StationDetailsContainer} />
<Redirect exact from='/' to='/wellington/paragliding/list' />
<Route component={NoMatch} />
</Switch>
</div>
</ConnectedRouter>
</div>
</Provider>,
document.getElementById('root')
)
期望行为
当弹出窗口打开时,我可以看到我的链接并点击它。
实际行为
额外细节
在我的<MapMode>
中,我使用来自leaflet的<Map>
。
如果我在<Map>
标签上面设置一个<Link>
,它就能正常工作。
但是,一旦我想在<Map>
内部放置链接,它就会出现问题。
这是我的页面的React结构,<Popup>
标记只包含null
,因为Javascript出现了故障:
这是一个相当复杂的问题,所以请随时向我提问。 谢谢。