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

import SunEditor from 'suneditor-react';
import 'suneditor/dist/css/suneditor.min.css';

import React from 'react';
import SunEditor from 'suneditor-react';
import 'suneditor/dist/css/suneditor.min.css';

const DisplayData = ({ data }) => {
  return (
    <div>
      <SunEditor
        disable={true} // 禁用编辑功能
        showToolbar={false} // 隐藏工具栏
        setContents={data} // 设置内容为由SunEditor创建的数据
      />
    </div>
  );
};

export default DisplayData;

import React from 'react';
import DisplayData from './DisplayData';

const App = () => {
  const sunEditorData = '<p>由SunEditor创建的数据</p>';

  return (
    <div>
      <h1>ReactJS 应用程序</h1>
      <DisplayData data={sunEditorData} />
    </div>
  );
};

export default App;