如何在Draftjs中突出显示文本

Question

我在尝试突出显示超过一定数量字符的文字时遇到问题。

我有一个接收editorState的函数，并返回所有必要的样式更改，它被称为addOverLimitFeedback。我从onChange方法调用此函数：

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

显然有些东西导致在样式激活后添加两倍的字符。

我在这里工作了一个小提琴，所以你可以看到完整的代码，你需要键入超过10个字符才能看到它正常工作（并且失败）：https://jsfiddle.net/newpatriks/oboj8g04/

提前致谢。

Answer 1

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

您可以将addOverLimitFeedback移至handleKeyCommand的密钥发布。