Soy nuevo en ReactJs. He buscado muchas formas y soluciones para mostrar el valor predeterminado en el editor de texto. Pero no encontré una respuesta adecuada. Debajo de la pieza de código es lo que probé. Pero no obtengo el editor precargado con el valor de la base de datos.

Quiero que MUIRichTextEditor muestre el valor predeterminado.

Lo siguiente es MUIRichTextEditor

 <MUIRichTextEditor name="text" label="Start Tying...." toolbarButtonSize="small" defaultValue={this.state.text} inlineToolbar={true} onChange={this.onChange} />

A continuación se muestra cómo se ve mi Editor:

this.onChange

 onChange = textData => { if (textData.getCurrentContent().getPlainText()) { this.setState({ text: stateToHTML(textData.getCurrentContent()), }) } else { this.setState({ text: "", }) } };

Han importado lo siguiente:

 import MUIRichTextEditor from "mui-rte"; import { stateToHTML } from "draft-js-export-html";

Cómo es enviar mis datos para editar:

 <EditForm onSubmit={this.updateData} initialValues={this.state.databaseData} />

text se envía al formulario de edición, pero el valor predeterminado no se muestra

Los datos en la base de datos son:

 {"_id":{"$oid":"61dbc710888107116046198e"},"text":"<p>Text<strong>feild</strong></p>""__v":0}

Por lo tanto, cuando edito mi text en la interfaz, quiero que MUIRichTextEditor se llene previamente con texto . Dado que en la base de datos se guarda como html, también en la parte delantera, en el editor de texto, quiero que se muestre en el formato adecuado. No quiero usar ganchos. Solo en ReactJs.

Resultado esperado cuando quiero editar (Ejemplo):

no se como hacerlo La ayuda sería muy apreciada. Gracias.