/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

7 votes223 views3 answers
Conditional style react
Javascript React
0 vote221 views1 answer
Options not working properly in reactjs
Javascript React
1 vote227 views1 answer
React connect production
Javascript React
18 votes200 views6 answers
How to import svg in react
Javascript React
0 vote233 views1 answer
React fetch data in for loop
Javascript React
0 vote206 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
0 vote224 views3 answers
Place footer at the bottom of the page react
Javascript React
0 vote223 views1 answer
Reacts mos twanted
Javascript React
4 votes227 views2 answers
Axios react post form data
Javascript React
0 vote205 views1 answer
React router history not defined
Javascript React