码迷,mamicode.com
首页 > Web开发 > 详细

如何实现SAP UI5 Web Component React控件的加载效果

时间:2020-02-13 13:06:31      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:zmq2   柱状图   stat   src   sdn   image   屏幕   文章   pyw   

假设我使用SAP UI5 Web Component的React控件, 比如柱状图和折线图:

技术图片
技术图片

导入useState函数,默认加载状态为false:

技术图片

每次点击屏幕后,首先将Loading状态使用切换函数setLoading设置成true,这样可以看到控件正在加载的动画效果。2秒钟后,setLoading设置为false,关闭动画效果。

技术图片

下图这道渐进式显示的横线就是控件加载时的动画效果。

技术图片

最后把loading变量赋给两个Chart的loading属性:

技术图片

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
技术图片

如何实现SAP UI5 Web Component React控件的加载效果

标签:zmq2   柱状图   stat   src   sdn   image   屏幕   文章   pyw   

原文地址:https://www.cnblogs.com/sap-jerry/p/12303011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!