/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 vote349 views1 answer
Sort function in react js
Javascript React
5 votes331 views1 answer
React-select
Javascript React
142 votes507 views6 answers
Create-react-app
Javascript React
2 votes322 views1 answer
React not getting img by src
Javascript React
0 vote336 views1 answer
Detecting change in animated value react native
Javascript React
-1 vote344 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote344 views1 answer
React native updating options with setoptions
Javascript React
6 votes354 views2 answers
React native password field
Javascript React
0 vote390 views1 answer
React flip move
Javascript React
14 votes361 views4 answers
Conditional classname prop react
Javascript React