真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

react中Suspense的使用詳解

關(guān)于Suspense的使用，先來看下示例代碼

創(chuàng)新互聯(lián)專注于巧家企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。巧家網(wǎng)站建設(shè)公司,為巧家等地區(qū)提供建站服務(wù)。全流程按需定制制作，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
 return (
  
   Loading...}>

); }

OtherComponent是通過懶加載加載進來的，所以渲染頁面的時候可能會有延遲，但使用了Suspense之后，可優(yōu)化交互。

在外面使用Suspense標簽，并在fallback中聲明OtherComponent加載完成前做的事，即可優(yōu)化整個頁面的交互

fallback 屬性接受任何在組件加載過程中你想展示的 React 元素。你可以將 Suspense 組件置于懶加載組件之上的任何位置。你甚至可以用一個 Suspense 組件包裹多個懶加載組件。

const OtherComponent = React.lazy(() => import('./OtherComponent'));
const AnotherComponent = React.lazy(() => import('./AnotherComponent'));

function MyComponent() {
 return (
  
   Loading...}>

); }

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

文章標題：react中Suspense的使用詳解
新聞來源：http://weahome.cn/article/gdsogd.html