问题一: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设置初始值时,本来是数组的值,设置成了其它数据类型
改成