关于前端:react-ant-design-开发常见报错

9次阅读

共计 616 个字符，预计需要花费 2 分钟才能阅读完成。

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

改成

正文完