javascript - 手动重新加载 react-masonry-component

Question

使用 React Masonry 插件对齐卡片 https://github.com/eiriklv/react-masonry-component

问题是我在卡片中有可扩展组件，这会增加卡片的高度，并且 masonry 布局会变形。如果数据状态更新或在滚动时插件会重新对齐。知道如何在可扩展内容上手动重新加载布局。也检查了有关插件的问题，但没有找到合适的解决方案。对于这种情况还有其他 react 包装 pf masonry 或插件建议吗？提前感谢您的帮助

我知道使用 jQuery 我可以使用 reloadItems 和 layout 方法，但我试图避免使用 jquery

Answer 1

我遇到了一个类似的问题，我想在每次切换显示/隐藏 div 后重新拼接(如果你愿意的话)。
在我的例子中，我将组件 A 作为父组件(带有 <Masonry> 组件)和组件 B1,B2...Bn 在里面。

每次我切换(在您的情况下调整大小)B1、B2...Bn 中的任何一个时，它都会更新 A 的状态，从而导致 Masonry 组件再次呈现。

如果您发布您的代码示例，那么我可以帮助您找到确切的代码。