/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

1 vote286 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
-1 vote297 views1 answer
Flatlist react native horizontal
Javascript React
0 vote262 views1 answer
React createElement interactive button
Javascript React
0 vote301 views1 answer
Orderbychild firebase react
Javascript React
6 votes332 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
0 vote299 views1 answer
React testing library for hooks
Javascript React
0 vote318 views1 answer
Import typography react
Javascript React
7 votes281 views3 answers
How to update react state array
Javascript React
0 vote296 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
0 vote300 views1 answer
React-multi-carousel don't work
Javascript React