首页 > Web开发 > 详细

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

时间:2020-02-13 12:07:42      阅读:64      评论:0      收藏:0      [点我收藏+]

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

技术分享图片
技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!