/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 vote140 views1 answer
React hooks component re render when button press
Javascript React
0 vote147 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote154 views1 answer
Javascript Binding Example With React
Javascript React
0 vote137 views1 answer
Slide hide animaition in react
Javascript React
0 vote160 views1 answer
React native prevent rotation of screen
Javascript React
0 vote158 views1 answer
Removing borderline of input in react
Javascript React
0 vote153 views1 answer
React key press hook
Javascript React
1 vote148 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
0 vote158 views1 answer
Card react native
Javascript React
1 vote100 views1 answer
Mui modal backdrop
Javascript React