React Antd 表单新增数据为空无法渲染问题解决方法
在没有数据的情况下,新增一行会失败的原因是因为在renderContent方法中,getFieldDecorator使用了formVals?.typeList作为初始值,但是当typeList为空时,getFieldDecorator会默认将初始值设置为undefined,导致无法正确渲染表单项。
解决方法是在调用getFieldDecorator时,使用空数组作为初始值,即将formVals?.typeList改为formVals?.typeList || []。这样即使typeList为空,也能正确渲染表单项。
修改后的代码如下:
renderContent = formVals => {
// ...
const list = formVals?.typeList || [];
getFieldDecorator('list', { initialValue: list });
// ...
}
原文地址: https://www.cveoy.top/t/topic/qk8E 著作权归作者所有。请勿转载和采集!