/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 vote181 views1 answer
Random picture position in react
Javascript React
0 vote177 views1 answer
How to set the id attr to a var in reactjs
Javascript React
1 vote229 views1 answer
How to resize react icons
Javascript React
0 vote158 views2 answers
Why we use react js
Javascript React
0 vote174 views1 answer
Highcharts react hide data point dots
Javascript React
0 vote158 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
1 vote173 views1 answer
Scale text in div react
Javascript React
5 votes169 views5 answers
Onclick react
Javascript React
5 votes173 views2 answers
What hostings can run react js
Javascript React
0 vote237 views1 answer
How to get year in react
Javascript React