如何实现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号
友情链接: 成都企业网站设计 手机网站建设套餐 成都网站设计公司 重庆网站建设 成都网站制作 达州网站设计 泸州网站建设 手机网站制作设计 专业网站建设 响应式网站设计 网站建设公司 成都响应式网站建设公司 成都响应式网站建设 营销型网站建设 企业网站建设 企业网站设计 成都做网站建设公司 重庆网站制作 网站建设开发 成都网站建设 成都网站建设 网站建设方案