问题一:Warning: Instance created by useForm
is not connected to any Form element. Forget to pass form
prop? `
起因:
ant design 在 Modal 中应用 Form 表单,并且通过 Form.useForm()
,获取 form 对象将其挂载到指定的 Form 表单后仍会呈现上述正告这是因为 ant design 的 Modal 组件会在 Form 表单之前创立,所以当页面初始化时 form 对象会找不到可关联的 Form 表单
解决办法:
在 Modal 组件中增加上 getContainer={false} 即可
<Modal
getContainer={false}
title="批改备注"
visible={visible}
onOk={handleOk}
onCancel={handleCancel}
>
<Form
form={form}
onFinish={onFinish}
>
<Item name="remark">
<Input placeholder="请输出备注"/>
</Item>
<Item>
<Button htmlType="submit"> 提交 </Button>
</Item>
</Form>
</Modal>
问题二:Warning: value
should be array when mode
is multiple
or tags
在 Form 用 initialValues 设置初始值时,本来是数组的值,设置成了其它数据类型
改成