手动重新加载 react-masonry-component

Question

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

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

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

Answer 1

我遇到了一个类似的问题，我想在每次切换显示/隐藏 div 之后重新组合（如果你愿意的话）。
就我而言，我将组件 A 作为父组件（使用 <Masonry> 组件） 和里面的组件 B1,B2...Bn。

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

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

Answer 2

您可以访问基于 masonry 组件，如文档中所述： https://github.com/eiriklv/react-masonry-component#accessing-masonry-instance 并直接在实例上进行手动布局。

但是，更新似乎应该在响应中自动发生，因为您可能会更改组件的状态以在展开模式下呈现它。 因此，您可能想了解为什么您的案例没有发生更新。