reactjs - 草案.JS : the proper way to detect content change

Question

有onChange事件，但当插入符移动或按下导航(箭头等)按钮时也会触发。

我想检测内容是否已更改。基本上我只需要在第一次更改发生时检测一次。 “比较内容”的愚蠢方式在这里可能有效，但这是一种反模式，因为此任务的资源成本太高。

Answer 1

由于 Draft 使用不可变的数据结构，因此不必占用大量资源 - 比较引用就足够了:

onChange(newEditorState) {
  const currentContent = this.state.editorState.getCurrentContent()
  const newContent = newEditorState.getCurrentContent()

  if (currentContent !== newContent) {
    // Content has changed
  }
}