[JavaScript知识库]在pro-form@1.53.6 版本中刚打开弹窗setFieldsValue无效

问题原因

本地开发环境pro-form@1.53.0，能够正常work；
线上环境pro-form@1.53.6, 不能初始化成功。

在最新的pro-form@1.57.0 中此问题不复存在，具体修复版本看changelog 看不出来，估计要去看源码！！

问题描述

ant design pro+umi 项目，点击一个button, 显示创建用户表单，传入初始化的值，formRef 为undefined 导致每次都不能重置表单，此问题发生在@ant-desigin/pro-form@1.53.6。

export default (props) => {
	// formData 为父组件传过来的表单初始化数据
	const { mode, formData, visible, onVisibleChange } = props;
	const formRef = useRef<ProFormInstance>();
	useEffect(() => {
	   if (visible) {
	        formRef?.current?.setFieldsValue(formData);
	    }
	}, [visible, formData]);
	
	return (<ModalForm
	    isKeyPressSubmit={true}
	    formRef={formRef}
	    title="创建用户"
	    visible={visible}
	    onVisibleChange={onVisibleChange}
	    onFinish={handleSubmit}
	{chiildren}
	</ModalForm>)
}

参考

• [BUG] 当destroyOnClose为true时，刚打开弹窗setFieldsValue无效
• fix(form): 🐛 DrawerForm cannot get form instance by formRef