/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 vote133 views1 answer
Asp.net core react server session
Javascript React
15 votes118 views2 answers
Link reload page react
Javascript React
4 votes132 views2 answers
Concurrently node react
Javascript React
0 vote134 views1 answer
Try catch in react native
Javascript React
0 vote117 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote117 views1 answer
Altenrive for react native
Javascript React
1 vote122 views1 answer
Column width table react
Javascript React
91 votes263 views7 answers
React-router-dom
Javascript React
0 vote122 views2 answers
React import image with url
Javascript React
2 votes115 views2 answers
Splice state react
Javascript React