/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 vote302 views1 answer
Javascript Binding Example With React
Javascript React
0 vote306 views1 answer
@testing-library/react-native switch
Javascript React
0 vote350 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote329 views2 answers
How to run react builed version
Javascript React
1 vote310 views1 answer
Arrow not showing react slick
Javascript React
0 vote305 views2 answers
Animation react
Javascript React
0 vote341 views1 answer
React document viewer
Javascript React
0 vote327 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote297 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
1 vote320 views1 answer
React construct
Javascript React