Javascript 图像内的可点击元素-网页棋盘游戏

我正在尝试用React实现一个棋盘游戏，我正在努力寻找一种方法将UI（图像）上的棋盘方块“转换”为数据

有没有办法为附加图像上的方块指定排序id，这样当用户单击方块时，我就可以得到方块的id

我想知道用户何时点击了图像中的某个方块

另外，我没有.svg图像。只有一个.png文件

您可以使用和标记，如下所示。您可以为每个“按钮”添加更多的

标记，并为其提供一个操作。你得稍微玩玩一下

coords

函数doSomething（）{
控制台日志（“单击”）；
}
函数doSomething2（）{
console.log（“click2”）；
}

如何使用

区域

标签？听起来很有趣！我要试试看。塔克斯@欢迎光临。我总是很乐意帮忙。祝你的项目好运！