如何使用react和下划线单词中的contenteditable动态创建编辑器（onChange）？

Question

我正在使用react-contenteditable创建编辑器。我想在用户键入时动态地对不在数据库中的单词加下划线。正确的做法是什么？我想创建一个拼写校正应用程序。

<ContentEditable
  id="ContentEditableId"
  //onClick={elem => this.editableClick(elem)}
  className={"editableClass resultContainer"}
  html={this.state.html} // innerHTML of the editable div
  disabled={false} // use true to disable edition
  onChange={this.handleContentChange} //handle innerHTML change
  //tagName={"pre"}
  //onMouseUp={() => {rangy.getSelection().expand("word", { trim: true});}}
    />