/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

33 votes210 views5 answers
Img tag in react
Javascript React
1 vote189 views1 answer
React current path
Javascript React
5 votes234 views1 answer
React in laravel
Javascript React
4 votes187 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
1 vote190 views2 answers
React native select simulator
Javascript React
0 vote252 views1 answer
Flipper semantic issue react native
Javascript React
0 vote237 views1 answer
Olx clone react
Javascript React
10 votes203 views2 answers
React-native text overflow ellipsis
Javascript React
1 vote191 views1 answer
React map array limit
Javascript React
0 vote198 views1 answer
Font family react
Javascript React