Tencent/tdesign-react

[Form] 根据某个字段变化动态展示数据不支持上传组件

HeXavi8 opened this issue · 2 comments

tdesign-react 版本

1.7.9

重现链接

https://stackblitz.com/edit/react-m7ms5q?file=src%2Fdemo.tsx

重现步骤

在某些特定场景,修改某个字段值后更新新的字段选项,使用 shouldUpdate 修改 FormItem 的更新逻辑。
当子 FormItem 中组件的数据类型不同,数据变化之后,父FormItem无法切换,报错。
例如切换的子组件一个是 ColorPicker、一个是 Upload 的情况

未上传数据前可以切换
Screenshot 2024-08-10 at 02 37 24

Screenshot 2024-08-10 at 02 41 46
上传数据
Screenshot 2024-08-10 at 02 39 27
切换后报错
Screenshot 2024-08-10 at 02 40 32

期望结果

希望在某些特定场景,修改某个字段值后更新新的字段选项后,可以兼容不同数据类型的组件切换

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

👋 @HeXavi8,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

你切换的时候给对应的FormItem不同的key来切换,要不React的渲染会认为是同一个元素,所以导致了这个问题
image