/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 vote259 views1 answer
Navigate between files in react js
Javascript React
5 votes236 views2 answers
TypeError: t is not a function React
Javascript React
0 vote233 views1 answer
Tailwind intenseness react
Javascript React
0 vote214 views2 answers
React foreach loop
Javascript React
0 vote226 views1 answer
React native how to pass id from list to function
Javascript React
2 votes307 views2 answers
Export aab react native
Javascript React
0 vote246 views1 answer
Onpress not working with usestate react native
Javascript React
1 vote238 views1 answer
Docker react module not found
Javascript React
1 vote227 views1 answer
How to store array into react-native local storage
Javascript React
0 vote233 views1 answer
React Update a label when rate moves "quietly"
Javascript React