如何在ReactJS应用中显示SunEditor创建的数据

如何解决如何在ReactJS应用中显示SunEditor创建的数据

我刚刚开始使用SunEditor，到目前为止，我已经成功地将其添加到React组件中，并在单击保存时将生成的文档存储在mongoDB中。到目前为止，这只是成功的一半。现在，我想呈现存储的文档，并且在同一个组件中将数据从db返回，但是当我呈现它时，所有的HTML都将显示出来（参见图片）。我很难找到适当显示此数据的文档。有谁知道正确的方法是什么？

解决方法

好的，所以我花了一些时间思考它，然后我发现编辑器本身就是您呈现文本的地方。这样就很有意义，如果要显示在SunEditor中创建的文档，则将内容放在其中，如果要查看数据的只读视图，则可以隐藏工具栏。

以下是我组件中的render方法的摘要：

        return (
            <Auxi>
                <Logo />
                <SunEditor 
                    setOptions={editorOptions} 
                    setContents={contents} 
                    showToolbar={showToolbar} />
            </Auxi>
        );