如何在React组件呈现时显示动画GIF

Question

我有一个项目，其中渲染了数千个小的纯React组件（巨型表格的单元格）。 当他们被渲染时，我想展示一个装载机（GIF动画）。 我将它直接放到html作为div

的背景图片

<div class="loader"></div>
<div id="react-app-root"></div>

loader的以下样式：

.loader {
    width: 200px;
    height: 200px;
    background: url('./media/loader.gif') no-repeat center;
}

当页面开始渲染时 - 我看到了加载器，但它没有动画。 只要渲染了所有React组件，gif的动画就会开始。

可以请任何人建议如何在呈现应用程序的组件时显示动画GIF吗？