如何实现SAPUI5WebComponentReact控件的加载效果

今天就跟大家聊聊有关如何实现SAP UI5 Web Component React控件的加载效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

专业成都网站建设公司,做排名好的好网站,排在同行前面,为您带来客户和效益!创新互联为您提供成都网站建设,五站合一网站设计制作,服务好的网站设计公司,成都网站设计、做网站、成都外贸网站建设公司负责任的成都网站制作公司!

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

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

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

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

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

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

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

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

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

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

看完上述内容,你们对如何实现SAP UI5 Web Component React控件的加载效果有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网页题目:如何实现SAPUI5WebComponentReact控件的加载效果
本文路径:http://bzwzjz.com/article/igsigo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作 成都网站设计 成都营销网站建设 响应式网站建设 泸州网站建设 专业网站设计 成都网站制作 成都网站制作 LED网站设计方案 成都网站设计 成都网站制作 重庆网站建设 网站设计 重庆企业网站建设 网站设计 网站建设公司 定制网站建设 成都网站制作 上市集团网站建设 外贸网站建设 成都网站制作 做网站设计