Я использую Slate для React для создания редактора.
Я реализую функцию поиска, с помощью которой пользователи могут искать текст в документе.
Что бы я хотел сделать:
- Пользователь нажимает на редактор и редактирует текст в обычном режиме.
- Пользователь открывает панель поиска для поиска текст. (Фокус переключился на панель поиска)
- Пользователь находит свой поисковый запрос и нажимает Enter. Фокус снова передается редактору, с курсором там, где он был раньше.
Я создал модифицированную песочницу с двумя кнопками здесь, чтобы имитировать то, что я хотел бы сделать выше.
React Sandbox: https://codesandbox.io/s/cool-leavitt-t6sqy?file= / src / App. js
Я пробовал с useRefs()
, но они не кажутся для работы.
Как я могу переключить фокус обратно на редактор Slate после вызова обратного вызова?