/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 vote180 views1 answer
React enzyme
Javascript React
0 vote185 views1 answer
What difference between react func and class components
Javascript React
3 votes277 views2 answers
Center an element react native
Javascript React
0 vote194 views1 answer
React router route not found redirect
Javascript React
9 votes191 views2 answers
Axios react js
Javascript React
0 vote191 views1 answer
Blank array condition in react js
Javascript React
0 vote188 views1 answer
React $ r component instance console
Javascript React
0 vote229 views1 answer
React include a polyfill webpack v5
Javascript React
0 vote278 views1 answer
Pass status of checkbox to a function react js
Javascript React
-2 votes190 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React