如何實作SAP UI5 Web Component React控件的加載效果

假設我使用SAP UI5 Web Component的React控件， 比如柱狀圖和折線圖：

導入useState函數，預設加載狀态為false：

每次點選螢幕後，首先将Loading狀态使用切換函數setLoading設定成true，這樣可以看到控件正在加載的動畫效果。2秒鐘後，setLoading設定為false，關閉動畫效果。

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

最後把loading變量賦給兩個Chart的loading屬性：

本文來自雲栖社群合作夥伴“汪子熙”，了解相關資訊可以關注微信公衆号"汪子熙"。