为了账号安全,请及时绑定邮箱和手机立即绑定

react页面4000个input可以做到不卡顿吗

react页面4000个input可以做到不卡顿吗

慕丝7291255 2019-03-27 19:15:43
项目要把excel做到系统里面,但是估算了下,一个页面将近4000个input输入框,之前两百以内的,采取onBlur更新数据,input的value不跟state进行绑定,在input低于300个的时候还能保持肉眼不卡顿,但是超过4000,实在想不出,react实现肉眼不卡顿的进行input输入,请教各位有遇到过类似场景,或者有什么解决办法吗补充:input是放在table中的,目前也不好拆分,因为非input的地方,要用到input中的数据进行计算
查看完整描述

4 回答

?
隔江千里

TA贡献1906条经验 获得超10个赞

项目要把excel做到系统里面,但是估算了下,一个页面将近4000个input输入框,之前两百以内的,采取onBlur更新数据,input的value不跟state进行绑定,在input低于300个的时候还能保持肉眼不卡顿,但是超过4000,实在想不出,react实现肉眼不卡顿的进行input输入,请教各位有遇到过类似场景,或者有什么解决办法吗

补充:input是放在table中的,目前也不好拆分,因为非input的地方,要用到input中的数据进行计算


查看完整回答
反对 回复 2019-04-09
  • 九月_
    九月_
    我也遇到同样的问题,不过我不是导入,是自定义生成的数据。页面就算不操作也会有卡顿感。我看到GPU出现了计算。
?
收到一只叮咚

TA贡献1821条经验 获得超4个赞

给你试了一下,4000个不卡顿啊,你说的卡顿指的是什么?


查看完整回答
反对 回复 2019-04-09
?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

没遇到过,但是有个想法,或许你可以试一下。就是利用shouldComponentUpdata...把每个input的div做成一个小组件。每个小组判断一下是不是要更新。。。

真的没试过,改天我试试。。题主也可以试试哈。。


查看完整回答
反对 回复 2019-04-09
?
斯蒂芬大帝

TA贡献1827条经验 获得超8个赞

做成分页吧,就是不知道跟你的设计会不会冲突


查看完整回答
反对 回复 2019-04-09
  • 4 回答
  • 0 关注
  • 1049 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信