与React集成交互式地图

Question

我想在一个idlegame中有一个交互式地图，你可以点击一个tile(见截图)，应该会发生一些事情。我正在尝试使用SVG和tile周围的路径来做到这一点。请告诉我是否有更好的方法来实现这样的事情。

对于我的问题:我终于得到了包含整个SVG的Map-Component。我的两条路径(图像上的多边形)实现如下:

<g>
<path id="Mine" fill="#000" fillOpacity="0.6" d="M987 204 L937 231 L937 282 L988 305 L1039 282 L1040 226" onClick={console.log('City clicked')} />
</g>

问题:onclick事件在页面加载时触发，而不是在多边形被点击时触发。react支持这个观点吗?

提前感谢!

Answer 1

On click应该是一个函数:onClick ={() =比;console.log(城市点击)}