Estoy tratando de crear una matriz de entradas de varias líneas dentro de la cual podría editar el código usando draft-js. ¿Cómo puedo cambiar el código a continuación para acceder y escribir datos en un elemento de matriz?

 import React, { useState } from 'react'; import { EditorState } from 'draft-js'; import { Editor } from 'react-draft-wysiwyg'; import { convertToHTML } from 'draft-convert'; import DOMPurify from 'dompurify'; import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; import './App.css'; const App = () => { const [editorState, setEditorState] = useState( () => EditorState.createEmpty(), ); const [convertedContent, setConvertedContent] = useState(''); const handleEditorChange = (state: React.SetStateAction<EditorState>) => { setEditorState(state); convertContentToHTML(); } const convertContentToHTML = () => { let currentContentAsHTML = convertToHTML(editorState.getCurrentContent()); setConvertedContent(currentContentAsHTML); } const createMarkup = (html: string | Node) => { return { __html: DOMPurify.sanitize(html) } } console.log(convertedContent); return ( <div className="App"> <header className="App-header"> Rich Text Editor Example </header> <Editor editorState={editorState} onEditorStateChange={handleEditorChange} wrapperClassName="wrapper-class" editorClassName="editor-class" toolbarClassName="toolbar-class" /> <div className="preview" dangerouslySetInnerHTML={createMarkup(convertedContent)}></div> </div> ) } export default App;

El código adjunto implementa la estructura draft-js en sí misma con un panel de control de texto, además de traducir el valor a html y luego mostrarlo en el área de texto.