/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 vote392 views1 answer
How to print an array inside another array in react
Javascript React
1 vote390 views1 answer
React scroll to bottom of div
Javascript React
0 vote471 views1 answer
React include a polyfill webpack v5
Javascript React
1 vote405 views1 answer
Npm react dropdown
Javascript React
2 votes372 views2 answers
Chrome back button click event react
Javascript React
160 votes635 views6 answers
React install
Javascript React
11 votes349 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote389 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
0 vote413 views1 answer
Enzynme not support react 17
Javascript React
12 votes408 views1 answer
React chrome extension
Javascript React