/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

8 votes207 views3 answers
Shadown reAct native
Javascript React
0 vote189 views1 answer
React.createElement pass props
Javascript React
1 vote203 views1 answer
Adding media queries in makeStyle material react
Javascript React
3 votes211 views1 answer
React native run on device command line
Javascript React
2 votes205 views1 answer
React import multiple images
Javascript React
0 vote191 views1 answer
Play 2 audio react
Javascript React
0 vote507 views1 answer
React native multiline cursor on first line
Javascript React
118 votes327 views6 answers
Instalar bootstrap en react
Javascript React
0 vote194 views2 answers
Mqtt js react-native
Javascript React
0 vote244 views1 answer
Could not resolve module fs react native
Javascript React