确定切换了哪个开关 - Office UI Fabric - React

Question

我正尝试在我的加载项中使用多个切换按钮，但无法确定切换了哪个。

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

在上面的示例中，如果我单击红色箭头指向的切换拇指，我会得到以下输出 target.id

我无法确定这是来自哪个切换开关，并且我不相信我可以设置切换拇指的 ID。

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

在 github 上将其报告为错误之前，我想确保我没有做错什么。我遇到了类似但不是我要找的东西：https://github.com/OfficeDev/office-ui-fabric-react/issues/6753

这个码笔会显示问题： https://codepen.io/rocketlobster5/pen/eYOvGjz

Answer 1

我认为不应将其视为错误，要获取事件侦听器附加到的元素，应使用 currentTarget property 而不是 target。

以下示例演示如何检索切换元素的 ID：

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

Modified codepen