记一次antd select 报错

前提:

react 做项目的时候使用了antd 的 select 多选模式

过程:

在dev机器上开发完一切正常,然后放到测试服发现f12 报错  :Uncaught Error: must set key for <rc-animate> children

重现:

1、无法在dev 机器上重现,有的人使用能正常有的人就直接报错

2、google 错误原因,在select 多选的时候默认值不能是 [''],可以是 '',可以是[]

3、严格按照报错的人的步骤,重现了bug,能快速定位问题

解决:

select 多选对应的 value 值在赋值之前做一个判定,如果存在空字符串,将空字符串移除

回顾:

1、出现问题的时候要严格按照报错的人的步骤,不能类似,不然不一定能正常重现问题,不严格按照步骤,很可能会浪费时间,并不能很好的定位问题