2014-12-08 58 views
2

假設我有一個非常大的顛簸更新傳入React.js應用程序。某些操作會打開一張非常大的表格,詳細介紹從服務器獲取的數千行記錄。就這樣,會出現以下情況:排隊React.js更新以避免瀏覽器掛起

  1. 調度服務器 - 我想數據
  2. 所有行的數據被返回。
  3. 本地數據存儲更新爲所有數據
  4. 從沒有行的空表中,React將數千個新行和列插入表中,導致(在很多情況下)導致瀏覽器鎖定。

有沒有人有任何想法,我可能可以緩解這種情況? React是否有任何懶惰或更高性能的繪畫策略(例如,當更多空閒時繪畫:每個滴答只渲染很多)?

+1

你能實現分頁嗎? – 2014-12-08 01:07:38

回答

1

您可以使用反應的定製配料的策略,這可能幫助:

https://stackoverflow.com/a/21395442/125680

但是沒有它很難說一個實際的例子。也許你擔心的是一種永遠不會真正發生的情況 - 畢竟React的虛擬DOM更新以及對shouldComponentUpdate的明智使用可能會使這不成問題。

+0

這不提供問題的答案。要批評或要求作者澄清,請在其帖子下方留言。 – Raedwald 2014-12-09 20:34:57

+1

是的。批處理策略很可能是問題的可行解決方案,可以使用shouldComponentUpdate。 – 2014-12-09 22:24:16