javascript - React Router Link は LeafletJS では機能しません

Question

バージョン:

• 反応ルータドム 4.1.1
• 反応ルーターredux 5.0.0-alpha.4
• 反応リーフレット 1.1.3
• リーフレット 1.0.3

再現する手順

リーフレットマップを作成します。いくつかのマーカーを追加します。これらのマーカーにはポップアップがあります。これらのポップアップのそれぞれに、<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>使用しています。タグのすぐ上<Map>に設定すると機能します。の中にリンクを入れたいと思ったらすぐに、どういうわけか壊れてしまいます。これは私のページの React 構造です。Javascript が壊れているため 、タグには次のものが含まれています。<Link><Map><Map><Popup>null

かなり難しい問題ですので、お気軽にご質問ください。ありがとう。