Лучший метод проверки производительности, чтобы проверить, изменилось ли содержание ContentState в DraftJS или просто editorState

вы можете просто сравнить значение вашего old state и значение вашего new state, вам не нужно convert его с string.

РЕДАКТИРОВАТЬ: и вот концепция реакции state, о которой вам не нужно беспокоиться о large state object, поскольку лучшие практики рекомендуют делать это таким образом

Распространенное заблуждение: state содержится в large object. Это просто объект, ссылающийся на несколько других объектов. Ничего крупного в этом нет.

Я использовал другой подход для проверки того, изменилось ли содержимое редактора или нет.

В основном я использую модуль npm deep-equal для сравнения необработанных объектов contentState (т.е. contentState преобразуется в простой объект JS с помощью функции convertToRaw). В обработчике onChange сравните старый и новый необработанные объекты contentState.

Примечание. Сравнение по модулю deep-equal примерно в 5 раз быстрее, чем обертывание узла assert.deepEqual() в try/catch.

Вот код обработчика onChange:

const deepEqual = require('deep-equal');

this.onChange = (editorState) => {

    let oldContent = convertToRaw(this.state.editorState.getCurrentContent());
    let newContent = convertToRaw(editorState.getCurrentContent());

    let sameContent = deepEqual(oldContent, newContent);

    this.setState({editorState});

    if (sameContent === false)
      console.log('Content has changed.');
}

Это не так уж отличается от ответа Фейсала Муштака, но включает в себя несколько улучшений. В вашем компоненте constructor:

// keep track of the last state
let lastContentState = this.state.editorState.getCurrentContent()

this.onChange = editorState => {
  this.setState({ editorState })

  // push your handling code onto the call stack with a setTimeout
  // so that it doesn't block handling new inputs to the editor
  setTimeout(() => {

    // first-time focus or blur, no change to content
    if (!editorState.getLastChangeType()) return

    const currentContentState = editorState.getCurrentContent()

    // ES6 to compare, could use Immutable.is() instead
    const toHandle = !Object.is(lastContentState, currentContentState)

    if (toHandle) {
      // your handler function, eg passed in as a prop
      this.props.handleChange(currentContent)

      // current content becomes last content
      lastContentState = currentContentState
    }

  }, 0)
}