开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >如何实现SAP UI5 Web Component React控件的加载效果

如何实现SAP UI5 Web Component React控件的加载效果

作者头像

Jerry Wang

发布于 2020-02-17 11:36:46

3450

发布于 2020-02-17 11:36:46

举报

文章被收录于专栏：Jerry的SAP技术分享 Jerry的SAP技术分享Jerry的SAP技术分享

假设我使用SAP UI5 Web Component的React控件，比如柱状图和折线图：

导入useState函数，默认加载状态为false：

每次点击屏幕后，首先将Loading状态使用切换函数setLoading设置成true，这样可以看到控件正在加载的动画效果。2秒钟后，setLoading设置为false，关闭动画效果。

下图这道渐进式显示的横线就是控件加载时的动画效果。

最后把loading变量赋给两个Chart的loading属性：

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-02-09 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.