十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
今天就跟大家聊聊有關(guān)如何實現(xiàn)SAP UI5 Web Component React控件的加載效果,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
專業(yè)成都網(wǎng)站建設(shè)公司,做排名好的好網(wǎng)站,排在同行前面,為您帶來客戶和效益!創(chuàng)新互聯(lián)為您提供成都網(wǎng)站建設(shè),五站合一網(wǎng)站設(shè)計制作,服務(wù)好的網(wǎng)站設(shè)計公司,成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司負(fù)責(zé)任的成都網(wǎng)站制作公司!
假設(shè)我使用SAP UI5 Web Component的React控件, 比如柱狀圖和折線圖:
導(dǎo)入useState函數(shù),默認(rèn)加載狀態(tài)為false:
每次點擊屏幕后,首先將Loading狀態(tài)使用切換函數(shù)setLoading設(shè)置成true,這樣可以看到控件正在加載的動畫效果。2秒鐘后,setLoading設(shè)置為false,關(guān)閉動畫效果。
下圖這道漸進式顯示的橫線就是控件加載時的動畫效果。
最后把loading變量賦給兩個Chart的loading屬性:
看完上述內(nèi)容,你們對如何實現(xiàn)SAP UI5 Web Component React控件的加載效果有進一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。