Javascript 如何使用React将onclick事件添加到google地图信息窗口

我的谷歌地图上有信息窗口，每当用户点击信息窗口内的心脏图标时，我想调用一个名为“addToShortlist”的函数。我首先尝试了这个方法：

let html = `<div class="map-infobox">
<span id=${school.schoolID} onclick="addToShortlist(this.id)">
<i title="heart-icon"></i>
</span>
</div>`
window.google.maps.event.addListener(marker, "click", function () {
      infowindow.setContent(html);
      infowindow.open(this.map, this);
    });

但它只呈现字符串，所有的js onclick处理程序都无法工作

---

我认为谷歌地图可能会解决我的问题，但我已经在没有这个库的情况下构建了我的项目。在不使用谷歌地图的情况下，有没有办法做到这一点？非常感谢。

您找到了解决方案吗？我有点陷入了类似的问题，我甚至不能使用render inplace代替renderToString，因为我正在传递就地道具。不，不幸的是，我们没有找到解决方案，我们切换到了谷歌地图库。当然，这个库并不完美，我们还遇到了一些其他小问题，但它解决了我们在原始帖子中遇到的问题。

 ReactDOMServer.renderToString()