第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

React 代碼拆分 - 在初始頁面后加載其他組件

React 代碼拆分 - 在初始頁面后加載其他組件

翻翻過去那場雪 2023-08-18 17:11:31
我剛剛在我的應(yīng)用程序中實(shí)現(xiàn)了基于路由器的代碼分割(延遲加載)。AFAIK,當(dāng)實(shí)現(xiàn)延遲加載時(shí),訪問頁面的用戶將僅加載整個(gè)包的某個(gè)塊,而不會(huì)加載其他內(nèi)容。那么,有沒有一種方法可以讓React在初始頁面加載后開始加載其他組件,這樣用戶跳轉(zhuǎn)到另一個(gè)頁面時(shí)就不必等待呢?const App = React.lazy(() => import('./components/home/App'))const Game = React.lazy(() => import('./components/game/Game'))const Custom = React.lazy(() => import('./components/custom/Custom'))const Credits = React.lazy(() => import('./components/credits/Credits'))const Rules = React.lazy(() => import('./components/rules/Rules'))const NotFound = React.lazy(() => import('./components/404/404'))
查看完整描述

1 回答

?
侃侃無極

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊

我現(xiàn)在意識(shí)到我正在嘗試做的事情叫做“預(yù)加載組件”。


// component/home/App.js

// Preloading Game.js from App.js

const lazyWithPreload = (factory) => {

? ? const Component = React.lazy(factory)

? ? Component.preload = factory

? ? return Component

}

?

const Game = lazyWithPreload(() => import('../game/Game'))

?

const App = () => {

? ? React.useEffect(() => {

? ? ? ? Game.preload()

? ? }, [])

? ? return (<div>Something cool</div>)

}

lazyWithPreload隨時(shí)隨地預(yù)加載組件,包括加載初始頁面時(shí)(這解決了我的問題)。

查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 176 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)