Javascript 使用React从服务器使用Draft.js解析文本
我正在试用Draft.js,我的React应用程序运行在GraphQL服务器上。目前我有一个编辑器,可以在其中键入和添加代码块,并将其提交到服务器。下面是代码: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
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对象。我还没有弄明白如何解析它。谢谢回复!