/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

105 votes275 views1 answer
React web app create
Javascript React
1 vote196 views1 answer
Reactjs compile subdomine
Javascript React
0 vote206 views1 answer
React show new app
Javascript React
0 vote264 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote205 views1 answer
Run react app in different port
Javascript React
1 vote231 views1 answer
Node js and react js difference
Javascript React
0 vote193 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote227 views1 answer
React native text area form
Javascript React
0 vote199 views1 answer
Dropdown search field in react native
Javascript React
0 vote218 views1 answer
Why is this undefined in react
Javascript React