/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 vote364 views2 answers
React foreach loop
Javascript React
0 vote367 views1 answer
Use navigate in class component react native
Javascript React
21 votes317 views4 answers
React memo
Javascript React
1 vote340 views5 answers
React date picker
Javascript React
0 vote350 views1 answer
React js child css
Javascript React
0 vote374 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote316 views1 answer
Option component in react js errors
Javascript React
0 vote371 views1 answer
Use this in a react js component
Javascript React
0 vote361 views1 answer
Style react native alert text
Javascript React
1 vote370 views1 answer
Conditional style react native
Javascript React