2015-11-15 57 views
0

我有一個React組件,它從Parse數據庫中提取一些數據並顯示它。但是,這個組件是跨頁面共享的,每次切換頁面組件都會再次獲取數據。是否存在React或Parse範例,我可以緩存這些數據或重用相同的組件並防止重新加載?React Shared Component/Caching

回答

2

將數據進一步提取到層次結構並作爲道具傳遞。

+0

我不太清楚如何用我目前的結構做到這一點。我在頁面組件中有一個頭部組件。此頁面組件將孩子作爲一個反應組件並將其封裝在頁眉和頁腳中。我有兩個網頁,一個主頁和一個使用頁面組件的頁面。即使在那個級別上,如果我要在那裏獲取數據,那麼在這兩個頁面之間導航會重新渲染整個組件及其子項,從而導致我遇到同樣的問題。我想把數據傳遞給家裏/關於頁面是錯誤的 - 我做了頁面包裝,所以我不需要擔心重複 –

+0

如果解析數據保存在不變的組件中,渲染數據將是相同的。這是道具所適合的。即使您使用的是流量模式,該數據的存儲也會被分配給兒童共享該數據的最高組件。否則,您可能會將數據緩存到服務器上,但這不是性能和跟蹤的最佳實踐,這會造成問題。 –