javascript - 添加动画 gif 以响应网络应用程序

Question

当我将数据发布到后端时，我试图为我的 React Web 应用程序定义一个过渡状态。

我想在我的渲染方法中显示动画 gif。

所以我导入 gif 图像(像这样 https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif )

使用简单的导入

import logo from '../assets/load.gif'

并将其添加到我的渲染中

喜欢:

<img src={logo} alt="loading..." />

但我在我的 react-dev 服务器终端中收到错误

未知 Angular 色

如何将动画 gif 添加到普通 React SPA。

Answer 1

我有一个使用 URL 的版本，但是它停止工作了。我找到了一个网站，您可以将微调器下载为 GIF，然后我将该 .gif 文件放入我的图像文件夹中。从那里你可以使用:

import logo from '../assets/load.gif'

&

<img src={logo} alt="loading..." />