页面加载的 loading 业务

页面只有在拿到数据后，才会渲染对应的视图模块。

 

页面 loading 是在通过接口获取数据时才需要的，如何实现呢？

首先，给页面一个初始状态，比如：

const [loading, setLoading] = useState(false);

当调用获取数据的接口时，先开启loading：

setLoading(true);

当数据获取完成，页面渲染好了，将改状态置为 false：

setLoading(false);

这样就好了。

 

技术实现上可以采用 async-await 以及 Promise 和 fetch 来实现。

推荐一篇文章：https://juejin.cn/post/6844903971149053965