/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 vote371 views1 answer
React native set variable key in loop
Javascript React
1 vote393 views1 answer
React setup for handling UI.
Javascript React
7 votes440 views3 answers
Conditional style prop react
Javascript React
23 votes380 views4 answers
Change port react app
Javascript React
4 votes405 views2 answers
Set selected option react
Javascript React
0 vote424 views1 answer
Render object id in an array reactjs from database
Javascript React
-1 vote376 views1 answer
React-native run-ios command
Javascript React
0 vote381 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
8 votes391 views3 answers
React Lazy()
Javascript React
0 vote450 views1 answer
Discord bot remove message reaction
Javascript React