问题:react + antd 可编辑表格bug修改 当表格数据多行时 点击修改一行的时间 同列其他行的时间显示视觉上也发生了变化 在断点中显示其他的models里面的数据并没有全部发生改变 而只是页面显示上出现了错误
排查原因思路:首先排查代码中时间组件的change方法中获取到的时间用来修改models中的数据,是否将表格全部的数据都进行了替换,在render中输出也发现models的数据是正确的 从而确定只是由于代码的某个地方出错 导致时间组件在页面显示的时候出错,至此想到是两个时间组件的标识可能是一样了导致时间修改后 react去查找dom改变显示的时候全部进行了修改,查看页面elements 发现两个日期组件的input id一样 回到代码中发现是在表格columns中对于日期组件的重写 返回FormItem时候标识一样了,名称后面动态加上id就完美解决