#reactjs #draftjs #react-draft-wysiwyg
Вопрос:
Вопрос, я создаю этот компонент, который будет просматривать данные с моего бэкенда и позволит пользователю изменять данные. Данные из серверной части будут переданы в поле ввода, которое использует react-draft-wysiwyg и draft.js
Компонент просмотра комментариев
import { convertToRaw ContentState, } from 'draft-js'; import { Editor } from 'react-draft-wysiwyg'; import draftToHtml from 'draftjs-to-html'; import htmlToDraft from 'html-to-draftjs'; import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; const ViewTaskComment = ({ content }) =gt; { const contentBlocks = htmlToDraft(content); const contentState = ContentState.createFromBlockArray(contentBlocks); const rawHtml = convertToRaw(contentState); return ( lt;div className='comment-container p-2 border rounded-md'gt; lt;Editor contentState={rawHtml} wrapperClassName='wrapper-class' editorClassName='editor-class' toolbarClassName='toolbar-class' /gt; lt;/divgt; ); };