添加动画GIF以响应Web应用程序

Question

我正在尝试在向后端发布数据时为我的反应式Web应用程序定义转换状态。

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

所以我导入了gif图像（例如 https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif）

使用简单的导入

$("select[name='state']").on("change",function(){
    $("select[name='state2']").val($("select[name='state']").val());
}

并将其添加到我的渲染

像：

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

但是我的react-dev服务器终端出现错误

未知字符

如何将动画gif添加到普通反应SPA中。

Answer 1

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

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

＆安培;

{{1}}

Answer 2

您还可以使用require('path')方法

require()方法获取图像并将其转换为数据URI格式Read about Data URI here

<img src={require('../assets/load.gif')} alt="loading..." />

Answer 3

import logo from './gifPath.gif'

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

当我下载 gif 时，我使用了它并为我工作

Answer 4

您只需要修改路径

尝试类似的东西：

Kind: androidpublisher#productPurchase
Quantity:
AcknowledgementState: 1
ConsumptionState: 1
DeveloperPayload: {"developerPayload":"","is_free_trial":false,"has_introductory_price_trial":false,"is_updated":false,"accountId":""}
ETag:
OrderId: YYY.XXXX-XXXX-XXXX-XXXXX
ProductId:
PurchaseState: 0
PurchaseToken:
PurchaseType: 0
RegionCode: PL
PurchaseTimeMillis: 1601915754698
ObfuscatedExternalAccountId:
ObfuscatedExternalProfileId: