使用react将onClick事件添加到组元素（SVG）

• Z时代
• 2024-01-10
• 分类：问答

我正在尝试将onClick事件添加到现有的svg。现在我有这个：

<g id="Group" onClick={this.clickGroup.bind(this, 1)}>

这 有点 起作用，但不完全是…当我单击该组时会触发该事件，但是可单击的“区域”与我想要可单击的组不同（在我看来，这是完全随机的）。

有没有更好的方法来向<g>元素添加事件（使用React？）？

回答：

甲g元件是一个空的容器; 它本身不能触发事件。

如果运行此示例，将会看到可以click通过单击g元素的子级来触发事件，但是如果单击它们之间的空白，则不能。

您必须使用实际形状来触发SVG中的事件。

以上是 使用react将onClick事件添加到组元素（SVG） 的全部内容， 来源链接： utcz.com/qa/427489.html