加载 React Vite 期间的文本样式

Question

我想做的一个例子： 前： 在此输入图片描述

之后： 在此输入图片描述

在我的网站上，不是从API获取的数字，而是首先是0，但我想制作一个像这样的矩形。如何专业地实施？

Answer 1

当您显示号码时，您会将其显示在

p

标签内。

所以不要使用

<p> {isBackendLoading ? number : 0}$ </p>

您可以使用

tailwind classes

进行条件渲染：

{isBackendLoading?  <div class="h-2.5 bg-gray-200 rounded animate-pulse"></div> : <p> {number}$ </p>}