如何實現(xiàn)SAPUI5WebComponentReact控件的加載效果

今天就跟大家聊聊有關(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ǎng)站設(shè)計公司,成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司負責任的成都網(wǎng)站制作公司!

假設(shè)我使用SAP UI5 Web Component的React控件, 比如柱狀圖和折線圖:

如何實現(xiàn)SAP UI5 Web Component React控件的加載效果如何實現(xiàn)SAP UI5 Web Component React控件的加載效果

導入useState函數(shù),默認加載狀態(tài)為false:

如何實現(xiàn)SAP UI5 Web Component React控件的加載效果

每次點擊屏幕后,首先將Loading狀態(tài)使用切換函數(shù)setLoading設(shè)置成true,這樣可以看到控件正在加載的動畫效果。2秒鐘后,setLoading設(shè)置為false,關(guān)閉動畫效果。

如何實現(xiàn)SAP UI5 Web Component React控件的加載效果

下圖這道漸進式顯示的橫線就是控件加載時的動畫效果。

如何實現(xiàn)SAP UI5 Web Component React控件的加載效果

最后把loading變量賦給兩個Chart的loading屬性:

如何實現(xiàn)SAP UI5 Web Component React控件的加載效果

看完上述內(nèi)容,你們對如何實現(xiàn)SAP UI5 Web Component React控件的加載效果有進一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。

分享文章:如何實現(xiàn)SAPUI5WebComponentReact控件的加載效果
標題路徑:http://bm7419.com/article10/igsigo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)移動網(wǎng)站建設(shè)、外貿(mào)建站做網(wǎng)站、App開發(fā)、網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設(shè)