我正在開發一個React應用程序,需要顯示一個大型的項目清單(數千行)。目前,當用戶滾動清單或篩選項目時,效能非常慢。有什麼方法可以優化我的React應用程式的效能,以改善使用者體驗?
一些附加資訊:
-我正在使用React函數元件和hooks來渲染項目清單。 -清單中的每個項目包含多個資料字段,包括文字和圖片。
-我目前正在使用內建的map函數來渲染項目列表。
-我正在使用一個庫來處理項目清單的篩選和排序。
-我已經嘗試過使用shouldComponentUpdate和React.memo來提高效能,但仍然不夠快。
我願意接受任何建議,包括使用第三方程式庫或必要時重寫應用程式的部分。先感謝您的幫忙!
你可以使用函式庫react-window。它對於在大量元素的列表中虛擬化滾動非常有用,並且應該可以幫助你進行效能調優。