预先对组件进行反应以防止内容物跳跃？

Question

我有一个滑块组件，你按下一个按钮，它会显示一个不同的组件（基本上是带有一些用户输入的电源点幻灯片）。

问题是一旦显示组件就会加载图像，因此在慢速连接上加载图像时会出现一些弹出。

反正是否容易预渲染下一个组件以防止弹出？

Answer 1

我建议您首先创建一个名为[package] build = "build.rs" links = "somelibrary" 的州并将其设置为isLoading：

true

当state = { isLoading: true, // the other states } 时，如果您使用SemanticUI，则只渲染空isLoading === true或div。加载完成后，只需将其设置为Loader并呈现您的内容即可。如下所示：

false

希望这个想法有助于解决你的问题。