/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 vote425 views1 answer
Modal in react
Javascript React
0 vote352 views1 answer
Use es6 arrow function in react
Javascript React
15 votes369 views2 answers
UseReducer() hook react
Javascript React
0 vote373 views1 answer
React input number validation
Javascript React
1 vote390 views1 answer
React native linking email
Javascript React
6 votes370 views2 answers
Reactjs .map is not a function
Javascript React
0 vote400 views1 answer
Open sans font react js
Javascript React
1 vote353 views1 answer
React render html variable
Javascript React
5 votes392 views1 answer
Create react app deployment heroku
Javascript React
3 votes371 views1 answer
React router dynamic routes
Javascript React