在react Hooks项目中发布react draft wysiwyg包，无法集成

Question

我正在做一个项目，我试图在我的react Hooks项目中集成react draft WYSIWYG。我在整合的过程中遇到了一个问题我初始化

var editorState = EditorState.createEmpty();
const [description, setDescription] = React.useState(editorState);
const setEditorState = (editorState) => {
console.log('editorState', editorState)
setDescription(editorState)
}
return (
<Editor
editorState={description}
toolbarClassName="toolbarClassName"
wrapperClassName="wrapperClassName"
editorClassName="editorClassName"
onEditorStateChange={setEditorState}
/>
);

console log print this:

_immutable: Record {_map: Map， __ownerID: undefined}}但是我无法在控制台或在文本框中，每当我在编辑框中输入错误

后面的内容时

值显示在文本框

错误:无法读取未定义的属性'value'

请帮帮我

Answer 1

这是一个很好的开始，让react-draft-wysiwyg与react-hook-form一起工作。

您必须使用useController或Controller并映射value,onChange属性。

👉🏻https://codesandbox.io/s/jolly-hermann-6wi9o?file=/src/App.tsx