“onclick”在我的弹出按钮中不起作用（MapoboxGL）

Question

我试图在 mapbox gl 的标记弹出窗口中添加一个按钮，但是当我点击它时，它不起作用。 我正在使用 ReactJS，我想用按钮调用的方法是：

 handleConfirm() { history.push("/"); window.location.reload(false); }

我以这种方式创建按钮：

 var description =`<a type="button" class= 'btn btn-info' id='prova' onclick="handleConfirm">Confirm</a>` var popup = new mapboxgl.Popup().setHTML(description); var marker = new mapboxgl .Marker({color:"green"}) .setLngLat([veicolo.longitudine, veicolo.latitudine]) .addTo(map) .setPopup(popup);

有谁知道为什么“onclick”不起作用？

Answer 1

我也遇到过类似的问题，我在他们的文档或一些知识共享组的某处找到了这个解决方案：

let popupElem = new mapboxgl.Popup()
  .setLngLat(coordinates)
  .setHTML(description)
  .addTo(map);

// Click event on popupElement
popupElem.getElement().addEventListener('click', () => {
  // your logic here
});