[email protected] 版本中刚打开弹窗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>)
}

参考

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值