为何在 Modal 中调用 form 控制台会报错?
Warning: Instance created by useForm is not connect to any Form element. Forget to pass form prop?
Modal 添加 forceRender, visible 之后再调用 setFieldValue
import React, { useState, useEffect } from 'react'
import { Modal, Form } from 'antd'
const AutoModal = props => {
const [form] = Form.useForm()
const { visible, modifyObj } = props
useEffect(() => {
// 使用visible防止出现useForm报错
if (visible) {
form.setFieldsValue({
newTskId: modifyObj.tskId,
creIdList: modifyObj.creIdList,
custIdList: modifyObj.custIdList,
})
}
}, [modifyObj, visible, form])
return (
<Modal forceRender visible={visible} destroyOnClose>
<Form
form={form}
preserve="false"
onFinish={onFinish}
layout="horizontal"
{...formItemLayout}
></Form>
</Modal>
)
}