Javascript 使用React从服务器使用Draft.js解析文本

Javascript 使用React从服务器使用Draft.js解析文本,javascript,reactjs,graphql,draftjs,Javascript,Reactjs,Graphql,Draftjs,我正在试用Draft.js,我的React应用程序运行在GraphQL服务器上。目前我有一个编辑器,可以在其中键入和添加代码块,并将其提交到服务器。下面是代码: const contentState = this.state.editorState.getCurrentContent() const { content } = this.state.values console.log('raw', convertToRaw(contentState)) let response; try

我正在试用Draft.js,我的React应用程序运行在GraphQL服务器上。目前我有一个编辑器,可以在其中键入和添加代码块,并将其提交到服务器。下面是代码:

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)
响应
给了我

这是不好的。我宁愿使用
convertToRaw(contentState)
,因为这会让我:

我没有在
mutate
上执行
convertToRaw(contentState)
的原因是它给了我以下错误:

contentState.getBlockMap不是一个函数

因此,我的问题是在向服务器提交文本时如何使用
convertToRaw
功能,以及以后如何在前端解析文本,使其看起来不会像这样:

谢谢你阅读我的问题。感谢您的帮助


祝你度过愉快的一天。

有些事情还不完全清楚,所以我来猜一猜。为什么不在第一个
控制台旁边尝试执行
const rawContent=convertToRaw(contentState)
,然后在将
变量
传递给
mutate
时使用
内容:JSON.stringify(rawContent)
?@Rajit如果我对这个问题不太清楚,请原谅。但目前我认为,当我试图
解析
文本回到“正常”状态时,问题就出现了。意思是没有JSON对象。我还没有弄明白如何解析它。谢谢回复!