代码如下:
formRef = React.creatRef();
onClick = () => {
this.formRef.current.setFieldsValue({
text: 'balabala...'
})
}
<Form ref={this.formRef}>
<Form.Item name='text'>
<ReactQuill /> // 富文本编辑器
</Form.Item>
</Form>
<Button onClick={this.onClick}/>
以上代码为伪代码,只为表明问题,真正的逻辑是进入编辑页面时,要回显之前编辑过的内容,但是setFieldsValue设置值的时候不起作用。
这里要怎么处理??????
Form.Item
包装后,会给 children 添加 value 和 onChange 属性,只需要在 ReactQuill 组件中接收 value 属性进行回填,后续更改通过 onChange 触发表单即可。