与ace和ajv的reactjs jsoneditor-react

Question

我有一个json编辑器，我将其传递给一个String值，通常是一个有效的json，因此我将该值解析为json并传递给编辑器。

现在，我试图将无效的json传递给它，并很好地打印出来。

<Editor
    mode="code"
    name={name}
    value={value ? JSON.parse(value) : {}}
    testing
    purposes
    ace={ace}
    ajv={ajv}
    onChange={this.onChange}
    theme="ace/theme/github"
    schema={schema} // uncoment when schema is going to be used
/>

我希望代码可以像这样打印一个json ：（因为在其他过程中，我会将适当数组值中的testchild转换为有效的json）。

{
"testfather": [##testchilds##]      
}

如果我不解析json，而只是传递字符串，那么我将在编辑器中看到的是

"{\r\n\t\t\"testfather\":[##testchilds##]\r\n\t\t}\r\n\t}"

有人可以帮忙吗？