antd form 当Form.Item包含的不是antd组件时,setFieldsValue不起作用,怎能处理?

代码如下:


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设置值的时候不起作用。
这里要怎么处理??????

阅读 4.9k
1 个回答

Form.Item 包装后,会给 children 添加 value 和 onChange 属性,只需要在 ReactQuill 组件中接收 value 属性进行回填,后续更改通过 onChange 触发表单即可。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题