/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 vote275 views1 answer
Make a component update every second react
Javascript React
0 vote265 views1 answer
Ipa failed react native after processing
Javascript React
0 vote253 views1 answer
Get all database react native
Javascript React
0 vote261 views1 answer
React form hook trigger is not a function
Javascript React
13 votes252 views4 answers
React native elevation
Javascript React
1 vote308 views1 answer
React create list of components
Javascript React
-1 vote260 views1 answer
New Map() collection in react state
Javascript React
0 vote262 views1 answer
React dynamic load script
Javascript React
3 votes260 views2 answers
React is there a safe area view for android
Javascript React
0 vote253 views1 answer
React native force vertical
Javascript React