Reactjs 当我将鼠标悬停在下表行中的复选框上时，另一个复选框将获得焦点

我在React应用程序中面临一个问题

单击一个按钮，将生成一个新的表行，其中也包含一个复选框。我的屏幕上有三行这样的内容

当我试图选择第三行或第二行上的复选框时，第一行上的复选框会被聚焦并被选中。 有人能给我指出正确的方向吗？这个问题意味着什么？潜在的原因是什么

---

附言：我是新来的前端

你的代码在哪里？？张贴您在问题中尝试过的代码。。如果可能的话，在@ManirajMurugan中创建示例，我只是在这里寻找一些帮助文档，或者如果有人遇到任何此类已知行为。好的，看来问题发生了，因为在复选框字段中使用了相同的id，因此当我将鼠标悬停在其他字段上时，它仅指第一个，那么，有人知道任何此类行为，并且对此有任何潜在的解决方案吗？请让我知道。谢谢