/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 vote111 views1 answer
Export app react native
Javascript React
0 vote115 views1 answer
To do list app react code
Javascript React
0 vote130 views1 answer
Reactjs clic copy
Javascript React
2 votes114 views1 answer
How to do a classname variable and string react
Javascript React
3 votes132 views2 answers
React how to scroll to element
Javascript React
1 vote127 views1 answer
React variable in stirng
Javascript React
0 vote145 views1 answer
React native progress bar slider
Javascript React
0 vote117 views1 answer
How to add a key in a react element
Javascript React
1 vote143 views2 answers
Push values to state array class react
Javascript React
15 votes133 views6 answers
React forms
Javascript React