由于自己使用的是纯函数,所以这里不多说,直接开始
在form表单中使用,首先去掉form.item的name属性,在利用useState去赋值
<ProForm.Item
label="文章内容"
>
<BraftEditor
value={content}
controls={controls}
onChange={(editorState) => { setContent(editorState) }}
extendControls={extendControlsContent}
></BraftEditor>
</ProForm.Item>
在这里自己使用的是ProComponents
其实和ant design相同只不过再次封装了一次,(不过不是特别好用)
给content进行初始化赋值
const [content, setContent] = useState(BraftEditor.