在升级到antd 4.x后，使用defaultValue初始化Select组件遇到问题。当接口返回数据后，Select多选组件的展示未更新。解决思路是给Select添加一个唯一的key，如时间戳，以触发组件重新渲染，从而正确显示数据。
一、问题描述
升级antd到4.x之后，官网文档上发现没有提及initialValue，于是使用了defaultValue。
改组件设置初始值，从接口调入。页面初始进入接口没有返回的时候，对应数组数据为空；等到接口返回数据后，对应数组也塞入正确数据，但是Select组件展示表现还是为空。（我用的是多选）
二、解决思路
因为之前解决过一个 打开列表中不同Drawer，展示数据不变化 的问题。所以联想，会不会是在页面渲染的时候，树继承的节点还是没有传入数据之前的。
于是想着，给Select设置一个key作为标识，来进行区分
三、解决方案
Select设置唯一标识key，每个key数值独一无二。我用的是通过时间转化来作为标识
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
