Javascript 在选择时获取多个元素的id？（反应）

在React中，我从一个数组中创建了，这个数组给了我单词。例如，我有：

<span> bla </span> <span> bla </span> <span> bla </span>

我还以ID的形式为每个跨度分配唯一的标识符键，这些ID也是从原始数组中获取的

问题:

我现在希望用户选择单词，而不是单独点击它们，而是实际选择它们，使单词的背景变成蓝色

每当用户执行此操作时，我都希望返回所选跨度的id。我如何实现这样的东西

---

我正在使用React、Redux和electron。

因为我非常无聊：D

这是选择更改事件的侦听器： 记住：你必须检查选择是否是完整的单词等等。 请检查docu和调试器以了解选择的行为

document.addEventListener'selectionchange'，=>{ const selection=window.getSelection； const selectedText=selection.toString； const selectedElement=selection.focusNode.parentNode； const wordIndex=this.words.indexOfselectedText； 如果wordIndex！==-1{ 警报“您从列表中选择了id为的单词”+selectedElement.id； }

---

};检查这个答案，可能会对你有所帮助：检查+docus@不，那没有多大帮助。首先，答案是简单的javascript。其次，我仍然不知道如何进行代码的选择位，以及如何从用户选择中提取id。