React 如何实现骨架屏的展示-Suspense

React新增了一个功能Suspense组件，帮助我们“等待”目标代码加载，并且可以直接指定一个加载的界面（像是个 spinner），让它在用户等待的时候显示

一、引入 Suspense

import React, { Component, Suspense } from "react";

二、使用Suspense

<Suspense fallback={null}>
    {/* 加载的内容 */}
    <div>加载的内容</div>
</Suspense>

　　

三、⚠️ 注意的点

仅处理界面的交互，与接口数据加载快慢无关
使用 Suspense 必须搭配 fallback， 需要指定fallback 以哪种形式展示-等待加载页面

四、具体详情可查看官方文档

总结

以上是生活随笔为你收集整理的React 如何实现骨架屏的展示-Suspense的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。