根据条件进行组件懒加载

import React, { lazy, Suspense} from 'react'
import { BrowserRouter as Router, Link, Route, Routes } from 'react-router-dom'
const Home = lazy(() =>  import(/*webpackChunkName: "Home"*/'./page/Home') )
const List = lazy(() =>  import(/*webpackChunkName: "List"*/'./page/List') )
export default function App() {
    let LazyComponent = null
    if (false) {
        LazyComponent = Home
    } else {
        LazyComponent = List
    }
    return (
        <>
        <header>header</header>

        <Suspense fallback={<div>loading...</div>}>
            <LazyComponent />
        </Suspense>

        <footer>footer</footer>
        </>
    )
}

以上就是react组件条件判断懒加载全部内容,感谢大家支持自学php网。