Как выделить текст в Draftjs

Я столкнулся с проблемой при попытке выделить текст, содержащий определенное количество символов.

У меня есть функция, которая принимает editorState и возвращает его со всеми необходимыми изменениями стиля, она называется addOverLimitFeedback. Я вызываю эту функцию из метода onChange:

...
onChange = editorState => {
  this.setState({
    editorState: this.addOverLimitFeedback(editorState)
  });
}
...

По-видимому, есть что-то, что заставляет добавлять дважды символы, добавляемые после того, как стиль активен.

У меня здесь работает рабочий пример, поэтому вы можете увидеть полный код, вам нужно ввести более 10 символов, чтобы увидеть, как он работает (и не работает): https://jsfiddle.net/newpatriks/oboj8g04/

Заранее спасибо.

Jsfiddle не работает. Не могли бы вы обновить его для следующих пользователей?

johannchopin 18.08.2020 11:16
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
1
480
1

Ответы 1

https://draftjs.org/docs/advanced-topics-editorstate-race-conditions/

вы можете переместить addOverLimitFeedback в ключевой релиз handleKeyCommand.

Ссылка недействительна, она должна быть draftjs.org/docs/advanced-topics-editorstate-race-conditions

johannchopin 23.07.2020 15:56

Другие вопросы по теме