react + antd 可编辑表格bug 当表格数据多行时 点击修改一行的时间 同列其他行的时间显示视觉上也发生了变化

问题:react + antd 可编辑表格bug修改 当表格数据多行时 点击修改一行的时间 同列其他行的时间显示视觉上也发生了变化 在断点中显示其他的models里面的数据并没有全部发生改变 而只是页面显示上出现了错误

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

在这里插入图片描述

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值