Draftjs 如何使用来自 html 数组对象的内容启动编辑器

如何解决Draftjs 如何使用来自 html 数组对象的内容启动编辑器

我想创建一个编辑器，它将启动一个带有样式的 html 元素..

 const contents = [
    {
      "text": "Sample text","HTML": "<p style='text-align: center;'><span style='font-size:3em;'><strong>Sample text</strong></span></p>"
    },{
      "text": "Sample text2","HTML": "<p style='text-align: center;'><span style='font-size:3em;'><strong>Sample text2</strong></span></p>"
    }
]

然后我将其映射以获取 html 键，然后将其设置为状态

const content = contents.map(element => htmlToDraft(element.HTML))
this.state = {
  editorState: EditorState.createWithContent(content)
}

然后根据状态下html key的元素个数多次渲染编辑器：

this.state.editorState.map((element,index) => {
   return 
          <Editor
            defaultEditorState = {element}
            onEditorStateChange = {this.onEditorStateChange}
            key={index}
          />
})

当我运行它时，它抛出一个错误 contentState.getBlockMap is not a function