如何在 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/

您可以将addOverLimitFeedback 移至handleKeyCommand 的密钥释放。