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

h88829
  • 256

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

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

回复
阅读 2.7k
4 个回答
Nine
  • 2.1k

你这个场景属于页面中标签太多,浏览器渲染页面不过来了
你要控制页面中渲染的input的数量,超出屏幕的内容可以选择不要渲染了,用占位符代替屏幕外的内容
这个场景跟商品列表一

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

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

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

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

宣传栏