javascript - 在首次 react 应用程序初始化之前显示加载图标

Question

在浏览器下载所有 js 文件并加载 React 应用程序之前显示加载程序图标的标准方式是什么。

我可以在不破坏任何东西的情况下做这样的事情吗？

<div id="content" class="app">
  Loading...
</div>

Answer 1

是的。

加载 JavaScript 后，您可以替换 Loading...通过将您的 React 应用程序渲染为相同的 <div>

render(
  <App />, 
  document.getElementById('content')
);