/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

1 vote179 views2 answers
Prevstate in react
Javascript React
0 vote235 views1 answer
React router native back button
Javascript React
21 votes195 views6 answers
React native apk build
Javascript React
2 votes179 views1 answer
Adding font awesome to npm or react
Javascript React
0 vote191 views3 answers
How to copy an arry react
Javascript React
4 votes130 views1 answer
Get width of screen react
Javascript React
6 votes195 views2 answers
UseHistory react-router-dom
Javascript React
0 vote227 views1 answer
Angular reactive form remove validation
Javascript React
5 votes189 views3 answers
How to scroll to an element javascript react
Javascript React
2 votes200 views2 answers
Export multiple functions react
Javascript React