/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 vote199 views1 answer
How to hide title bar react-navigation
Javascript React
94 votes236 views6 answers
Install react router
Javascript React
0 vote190 views1 answer
Jsx tag with children react js
Javascript React
0 vote198 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote199 views1 answer
Close all function of react in vscode mac
Javascript React
105 votes211 views1 answer
Install and run react js project...
Javascript React
2 votes220 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote205 views1 answer
React-native-image-viewing
Javascript React
3 votes193 views1 answer
React native nox emulator
Javascript React
18 votes202 views6 answers
Import svg react
Javascript React