/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 vote368 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote384 views2 answers
Background transparent react native
Javascript React
1 vote393 views1 answer
React native detect production
Javascript React
0 vote367 views1 answer
React native firebase community template
Javascript React
5 votes383 views1 answer
React native backgrunde img
Javascript React
0 vote400 views1 answer
Why is this undefined in react
Javascript React
1 vote392 views1 answer
React map array limit
Javascript React
0 vote378 views1 answer
React load script after render
Javascript React
0 vote330 views2 answers
Datepicker react native
Javascript React
0 vote404 views1 answer
Declaring variable react hooks
Javascript React