React SPA - 显示加载屏幕，直到呈现多个组件

Question

为相对概念性的问题道歉。我正在尝试模拟页面首次加载时出现的整页 Heroku 加载屏幕，并在安装导航栏、图像、库和其他组件后消失：

我知道 Heroku 的底层堆栈是 Ember，但是有没有一种好的做法/方法可以使用 node.js、webpack、react、react-router 和 express。它不是同构的，我希望所有渲染都在客户端上进行。

感谢您的帮助，如果有任何其他信息有助于理解我正在尝试做的事情，请告诉我。

Answer 1

我还没有尝试过，但我想你可以简单地为你的“全页面加载屏幕”提供 HTML 作为页面附带的初始 HTML，然后简单地用你的 ReactDOM.render 调用替换它，这只会在处理完所有内容后进行处理。

更具体地说，如果您将所有 JS 脚本标签放在页脚中，那么文档的其余部分将在脚本加载时加载和呈现，从而为您提供“加载屏幕”效果。它应该可以简单地将加载图形放在一个 div 中，然后用 React 渲染它。