React.lazy(懒加载)

使用lazy动态加载组件,使用Suspense包裹被懒加载的组件

语法:

import React from 'react'
const Son =React.lazy(()=>import('./Son1'))
const App=()=>{
  return <div>
    {/* fallblack里面可以写标签或者字符串在页面内容尚未加载出来时显示 */}
    <React.Suspense fallback={<h1>loading...</h1>}>
      <Son></Son>
    </React.Suspense>
  </div>
}
export default App