在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react頁面4000個input可以做到不卡頓嗎

react頁面4000個input可以做到不卡頓嗎

項目要把excel做到系統(tǒng)里面,但是估算了下,一個頁面將近4000個input輸入框,之前兩百以內(nèi)的,采取onBlur更新數(shù)據(jù),input的value不跟state進行綁定,在input低于300個的時候還能保持肉眼不卡頓,但是超過4000,實在想不出,react實現(xiàn)肉眼不卡頓的進行input輸入,請教各位有遇到過類似場景,或者有什么解決辦法嗎

補充:input是放在table中的,目前也不好拆分,因為非input的地方,要用到input中的數(shù)據(jù)進行計算

回答
編輯回答
孤毒

你這個場景屬于頁面中標(biāo)簽太多,瀏覽器渲染頁面不過來了
你要控制頁面中渲染的input的數(shù)量,超出屏幕的內(nèi)容可以選擇不要渲染了,用占位符代替屏幕外的內(nèi)容
這個場景跟商品列表一

2017年3月29日 05:44
編輯回答
吢丕

做成分頁吧,就是不知道跟你的設(shè)計會不會沖突

2017年3月16日 06:53
編輯回答
傻丟丟

沒遇到過,但是有個想法,或許你可以試一下。就是利用shouldComponentUpdata...把每個input的div做成一個小組件。每個小組判斷一下是不是要更新。。。

真的沒試過,改天我試試。。題主也可以試試哈。。

2018年8月31日 03:37
編輯回答
墨小羽

給你試了一下,4000個不卡頓啊,你說的卡頓指的是什么?

2018年8月24日 13:07