reactjs - 如何在 Draftjs 中突出显示文本

Question

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

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

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

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

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

提前致谢。

标签： reactjsdraftjs

Answer 1

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

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