React Lazy

[cmorbat]

import React, {useState,Suspense} from 'react';

const Counter = React.lazy(() => import('./Counter'))

function App() { const [load, setLoad] = useState(false);

return (
    <div className="App">
        <header className="App-header">
            <button onClick={()=>setLoad(!load)}>Toggle</button>
            {load &&
                <Suspense fallback={<div>Loading...</div>}>
                    <Counter/>
                </Suspense>
            }
        </header>
    </div>
)

} export default App;