antd中Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?报错

    技术2022-07-11  96

    antd中Instance created by useForm is not connect to any Form element. Forget to pass form prop?报错解决办法如下:

    1、在Modal中添加 getContainer={false} 2、在Form中添加 form={form} 3、antd升级之后的Form用法如下:

    const [form] = Form.useForm() const { validateFields } = form validateFields() .then(values => { /* values: { username: 'username', password: 'password', } */ }) .catch(errorInfo => { /* errorInfo: { values: { username: 'username', password: 'password', }, errorFields: [ { password: ['username'], errors: ['Please input your Password!'] }, ], outOfDate: false, } */ });
    Processed: 0.009, SQL: 9