reactjs - document.getSelection在reactjs环境下如何工作？

Question

我正在为epub文件进行 Electron react 项目。现在，我正计划使该应用程序能够选择文本字段并突出显示它。

为了实现它，我试图使用web的Window.getSelection api。但是，确实有些奇怪的事情出现在this中。

简而言之，我无法捕获Selection对象。似乎即使我记录了Selection对象，该对象也可能以某种方式跳转到其他对象。另外，我什至无法使用JSON.stringfy序列化Selection对象。这真是太令人惊讶了，这是我第一次看到这样的东西(我将得到一个空对象来对Selection对象进行字符串化处理)。

那么如何在 react Electron 环境下正确使用Window.getSelection呢？还是此api不适用于由react的危险地SetInnerHTML生成的文本内容？

Answer 1

看起来window.getSelection api需要对所选对象进行toString。

const getSelectionHandler = () => {
  const selection = window.getSelection();
  console.log("Got selection", selection.toString());
};

super 简单的文本区域和按钮，以获取选择 react 演示