/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 vote124 views1 answer
Stream closed react native
Javascript React
2 votes124 views1 answer
If back react
Javascript React
0 vote132 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
4 votes147 views1 answer
External site links in react Link
Javascript React
0 vote134 views2 answers
Assigning ID to view react native
Javascript React
14 votes139 views5 answers
React conditional class
Javascript React
0 vote144 views1 answer
How to use empty href link in reactjs
Javascript React
1 vote123 views2 answers
React check internet connection
Javascript React
0 vote134 views1 answer
How to prevent previous radio button active react native
Javascript React
0 vote146 views1 answer
Change value in array react
Javascript React