/Javascript/React/React router v6 lazy suspense

React router v6 lazy suspense

// React Router v6 with lazy loading and <Suspense />
const Home = lazy(() => import('./home'));
const About = lazy(() => import('./about'));

function App() {
  return (
    <Router>
      <Suspense fallback={<p> Loading...</p>}>
        <Routes>
          <Route path='/' element={<Home />} />
          <Route path='/about' element={<About />} />
        </Routes>
      </Suspense>
    </Router>
  );
}

Source: stackoverflow.com

Similar codes

0 vote318 views2 answers
Automated counter with react hooks
Javascript React
0 vote271 views2 answers
React refresh page not found
Javascript React
0 vote387 views1 answer
Globalevariable reactjs
Javascript React
0 vote332 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
25 votes383 views5 answers
Image react
Javascript React
-1 vote344 views1 answer
History of react js
Javascript React
0 vote373 views1 answer
React native get source maps
Javascript React
1 vote335 views5 answers
React date picker
Javascript React
5 votes390 views4 answers
How to use useref hook in react
Javascript React
1 vote375 views2 answers
Line break in react
Javascript React