/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 vote363 views1 answer
Persian calender for react-native
Javascript React
0 vote368 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
0 vote412 views1 answer
Get size of a View in React Native
Javascript React
0 vote372 views1 answer
React function runs several times
Javascript React
0 vote330 views2 answers
Hosting react on gh pages
Javascript React
1 vote333 views1 answer
Convert nuber into string react js
Javascript React
0 vote343 views2 answers
React foreach loop
Javascript React
0 vote416 views1 answer
Show uploaded image in react/nextjs
Javascript React
1 vote326 views1 answer
On_raw_reaction_add example
Javascript React
0 vote330 views1 answer
How to install react native hooks with npm
Javascript React