手动重新加载反作用砌体构件

Reload react-masonry-component manually

本文关键字：反作用 构件 加载 新加载      更新时间：2023-09-26

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

问题是我在卡片中有一个可扩展的组件，它增加了卡片的高度，砖石结构的布局也被扭曲了。若数据的状态是更新或在滚动时工作，插件会重新排列。了解如何在可扩展内容上手动重新加载布局。也检查了插件上的问题，但没有找到合适的解决方案。对于这种情况，还有其他的react包装器pf砖石或插件建议吗？感谢提前提供帮助

我知道使用jQuery我可以使用reloadItems和layout方法，但我正在努力避免jQuery

我遇到了一个类似的问题，我想在每次切换显示/隐藏div后重新进行sonrize（如果你愿意的话）。
在我的案例中，我将组件A作为父组件（带有<Masonry>组件）以及其中的成分B1、B2…Bn。

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

如果你发布你的代码示例，那么我可以帮助你获得确切的代码。

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

然而，更新似乎应该在react中自动发生，因为您可能会更改组件的状态以在展开模式下渲染它。因此，您可能需要探究为什么您的案例没有进行更新。

相关文章：