如何找到代表其实际html元素的React DOM节点?

Yea*_*ats 5 html javascript reactjs

这是我的问题,如果您感兴趣:我想找到用户选择的文本,并在该选择的开头和结尾插入一个标记(以突出显示文本).

正如StackOverflow的顶级思想所引用的那样,找到选择的最佳方法是使用window.getSelection().

与此相结合getRangeAt(0),会出现一系列事物,在哪里startContainer,endContainer看起来特别有希望.startContainer.parentNode直接指向p我开始选择的标签.太棒了!

但是,我如何知道它在React DOM中代表哪个元素?我该如何操纵正确的事情?

小智 0

window.addEventListener("mousedown", function(e){console.log(e)});
Run Code Online (Sandbox Code Playgroud)

使用此事件侦听器(或更好地使用 mouseup),您可以找到有关目标的所有数据,例如:如果您将这段代码复制/粘贴到控制台并查看日志,您将找到有关此事件的所有信息,包括目标、时间戳、Shift 键、控制键、x、y、鼠标按钮以及所有相关信息。如果您将其与之前描述的内容结合起来,您将得到您需要的结果