当前位置:首页 > Web开发 > 正文

这样可以看到控件正在加载的动画效果

2024-03-31 Web开发

假设我使用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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30217.html