React新增了一個功能Suspense組件，幫助我們“等待”目標(biāo)代碼加載，并且可以直接指定一個加載的界面（像是個 spinner），讓它在用戶等待的時候顯示

一、引入 Suspense

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

二、使用Suspense

<Suspense fallback={null}>
    {/* 加載的內(nèi)容 */}
    <div>加載的內(nèi)容</div>
</Suspense>

　　

三、⚠️ 注意的點

僅處理界面的交互，與接口數(shù)據(jù)加載快慢無關(guān)
使用 Suspense 必須搭配 fallback， 需要指定fallback 以哪種形式展示-等待加載頁面

四、具體詳情可查看官方文檔

總結(jié)

以上是生活随笔為你收集整理的React 如何实现骨架屏的展示-Suspense的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。