如何实现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应用里的列表处理


下一篇:实现SVN从服务器迁移