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

Question

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

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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