Breaking News: Grepper is joining You.com. Read the official announcement!

react router v6 lazy suspense

KostasX answered on January 16, 2022 Popularity 7/10 Helpfulness 4/10

answer react router v6 lazy suspense

react router v6 lazy suspense

Comment

// 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>
  );
}

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-router

Link to this answer
Share Copy Link