Javascript 确定切换了哪个切换-Office UI结构-反应

我正在尝试在外接程序中使用多个切换，但无法确定切换了哪一个

在大多数情况下，我可以获得切换的id，但如果用户单击切换中较小的旋钮，我无法获得切换的id。

从上面的示例中，如果我单击切换拇指，红色箭头指向该拇指，我将获得以下输出作为

target.id

我没有办法确定这是从哪个切换来的，也不相信我可以设置切换拇指的id

当用户单击绿色部分中的任意位置时，我会得到下面的日志，在那里我可以获取ID并执行条件逻辑

在将此报告为github上的bug之前，我想确保我没有做错什么。我遇到了类似的情况，但不是我想要的：

此代码笔将显示问题：

---

我不认为这是一个bug，应该使用事件监听器所连接的元素，而不是

目标

以下示例演示如何检索toggle元素的id：

private handleChange(ev: React.MouseEvent<HTMLElement>, checked: boolean) {
   console.log(ev.currentTarget["id"]);
}

private handleChange（ev:React.MouseEvent，选中：布尔值）{
console.log（ev.currentTarget[“id”]）；
}

我在这里添加了它：@Peter