如何在 React App 完成加载之前显示整页加载器/微调器 [英] How to show fullpage loader/spinner before React App finish loading
本文介绍了如何在 React App 完成加载之前显示整页加载器/微调器的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何制作首先加载然后在 React(或不同的基于 JS 的框架)应用程序完全加载之前显示的全页加载器/微调器.
完全加载"是指浏览器的微调器停止旋转的那一刻.
我正在为非 js 渲染的网站做这些加载器/微调器，但我不确定如何为 JS 渲染的应用程序制作它们.
我如何知道根 div 何时充满了完全加载的 React 应用程序?
解决方案
您可以将 index.html 中的加载标志放在任何 SPA(通常是 root 或 app).一旦加载了完整的应用程序，这将被覆盖.例如，在index.html的head标签内放置如下样式.