Как document.getSelection работает в среде reactjs?

Question

Я работал над проектом электронной реакции для файла epub. Прямо сейчас я планирую сделать приложение способным выделять текстовое поле и выделять его.

Чтобы достичь этого, я пытался использовать веб Window.getSelection api . Однако есть некоторые действительно странные вещи, такие как this .

Короче говоря, я не могу захватить объект Selection. Кажется, даже если я войду в объект Selection, этот объект может каким-то образом перейти к чему-то другому. Кроме того, я даже не могу сериализовать объект Selection с JSON.stringfy. Это очень удивительно, и я впервые вижу что-то подобное (я получу пустой объект для натяжения объекта Selection).

Так как же правильно использовать Window.getSelection в среде реагирующих электронов? Или этот API не будет работать хорошо для текстового контента, который генерируется реагирующим реактивным SetInner HTML?

Answer 1

Похоже, что window.getSelection API необходимо toString выделенный объект.

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

Супер простая текстовая область и кнопка, чтобы получить демонстрацию реакции выбора