使用Draft.js从服务器解析带有React的文本

Question

我正在使用运行GraphQL服务器的React应用程序尝试Draft.js。目前我有一个编辑器，我可以在其中键入和添加代码块并将其提交给服务器。这是代码：

const contentState = this.state.editorState.getCurrentContent()

const { content } = this.state.values
console.log('raw', convertToRaw(contentState))

let response;
try {
  response = await this.props.mutate({
    variables: {
      content: JSON.stringify(contentState)
    },
  })
  console.log(response)

response给了我

这并不好。我宁愿拥有convertToRaw(contentState)，因为它给了我：

我在convertToRaw(contentState)处没有mutate的原因是因为它给了我这个错误：

contentState.getBlockMap不是函数

所以我的问题是如何在向服务器提交文本时使用convertToRaw函数，以后如何解析前端的文本，使其看起来不像这样：

感谢您阅读我的问题。感谢所有帮助！

度过美好的一天。