如何禁用或更改 React-Leaflet v4 弹出关闭按钮上的 href？

Question

在react-leaflet v4中，Popup组件有一个与指向 的关闭按钮关联的默认href #close。React 有没有办法修改这个 href 或禁用 href 重定向？它破坏了我的反应域 HashRouter。

值得注意的是，Leaflet 1.8 中的 Popup.js 有以下代码：

var closeButton = this._closeButton = DomUtil.create('a', prefix + '-close-button', container);
closeButton.setAttribute('role', 'button'); // overrides the implicit role=link of <a> elements #7399
closeButton.setAttribute('aria-label', 'Close popup');
closeButton.href = '#close';
closeButton.innerHTML = '<span aria-hidden="true">&#215;</span>';

Answer 1

尝试这样的事情。它可能会禁用弹出窗口中可能有的任何其他 href。

document.querySelector('.leaflet-pane.leaflet-popup-pane')!.addEventListener('click', event => {
        event.preventDefault();
});