刷新反應砌體組分手動

Question

二手陣營砌體插件我的卡比對https://github.com/eiriklv/react-masonry-component

問題是，我有卡這增加了卡和磚石佈局的高度被扭曲膨脹部件。如果數據的狀態爲更新或插入滾動時，插件會重新對齊。任何想法如何在可擴展內容上手動重新加載佈局。檢查了插件上的問題，但沒有找到合適的解決方案。這種情況下的任何其他反應包裝建材或插件建議？感謝您的幫助提前

我知道使用jQuery我可以使用reloadItems和layout方法，但我想避免的jQuery

Answer 1

我面臨着類似的問題，我想remasonrize（如果你願意）後每個切換顯示/隱藏一個div。
在我的情況下，我有組件A作爲父組件（<Masonry>組件） 和其中的組件B1，B2 ... Bn。

每當我切換（在你的情況下調整大小）B1，B2 ... Bn它會更新A的狀態，從而導致砌體組件再次呈現。

如果您發佈您的代碼示例，那麼我可以幫助您確切的代碼。

Answer 2

您可以訪問砌體組件，如文檔中所述： https://github.com/eiriklv/react-masonry-component#accessing-masonry-instance 並直接對實例執行手動佈局。

但是似乎在你可能改變組件的狀態，以使它在擴展模式下反應的更新應該自動發生。 所以你可能想探索爲什麼更新不會發生在你的情況下。