reactjs - react-lottie:动画不会显示
问题描述
使用 react-lottie 版本 1.2.3 在 React Web 应用程序中尝试动画。
它成功编译,没有任何错误消息,但动画不会从 json 文件中显示。
我关注了React Lottie 不显示动画不显示(网络),建议替换animationData: animationData
为animationData: animationData.default
. 两种都试过了,但是没有用。
有任何想法吗?
import React,{Component} from 'react';
import Lottie from 'react-lottie';
import animationData from './lottie/lottie_page_not_found.json';
class PageNotFound extends Component {
render(){
const defaultOptions = {
loop: true,
autoplay: true,
animationData: animationData.default,
rendererSettings: {
preserveAspectRatio: "xMidYMid slice"
}
};
return(
<div>
<h1 style={{display: 'flex', justifyContent: 'center'}}>Page Not Found</h1>
<Lottie
options={defaultOptions}
height={400}
width={400}
/>
</div>
);
}
}
export default PageNotFound;
解决方案
推荐阅读
- ios - 如何从 iOS 模拟器将日志输出到终端?
- c++ - 将 C++ 方法作为函数指针传递
- language-agnostic - 源自有向循环图中每个节点的每个子图的大小
- udp - gstreamer 的 udpsink 在发送约 1000 个数据包后停止流式传输
- list - 在颤动的列表视图中搜索
- javascript - 未捕获的语法错误:无法在模块外部使用导入语句 - Javascript
- python - 为什么我在 Django 中重新加载页面时图片会消失?
- c# - 将日期时间转换为另一种格式
- excel - 日期格式 - 对于每个循环更改输出
- python-3.x - 混淆矩阵:真负数为 0 是什么意思?