antd中遇到[Ant Design] Warning: Instance created by `useForm` is not connected to any Form element. Forget to
Modal 中使用 Form ,使用 React Hooks const [form] = Form.useForm();
创建实例时,会出现以下警告。
报错原因是 Modal 挂载的 HTML 节点默认为 document.body,页面初始化时,在当前模块下找不到 Form 表单。
通过Form.useForm(),获取form对象将其挂载到指定的Form表单,Modal组件会在Form表单之前创建,因此当页面初始化时form对象会找不到可关联的Form表单
解决方法
Modal 添加属性 getContainer={false} ,挂载在当前 dom。