/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

0 vote127 views1 answer
How to put react compnent to bottom
Javascript React
0 vote136 views1 answer
Build class component react
Javascript React
0 vote142 views1 answer
React inlinle style set background image
Javascript React
0 vote141 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote132 views1 answer
Organize api calls react native folder
Javascript React
0 vote128 views1 answer
Reactjs download file axios
Javascript React
0 vote140 views1 answer
React native typescript nodejs timeout
Javascript React
0 vote143 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote126 views1 answer
React router dom return undefined
Javascript React
13 votes139 views1 answer
React post request
Javascript React