React Lazy()

Lazy react

import React, { Suspense } from 'react';

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <OtherComponent />
      </Suspense>
    </div>
  );
}

Source: reactjs.org

React Lazy()

const OtherComponent = React.lazy(() => import('./OtherComponent'));

Source: reactjs.org

Lazy react

import("./math").then(math => {
  console.log(math.add(16, 26));
});

Source: es.reactjs.org

Similar codes

-1 vote177 views2 answers
Toggle on button click in react js functional component
Javascript React
2 votes181 views2 answers
Text number of lines react native
Javascript React
0 vote191 views2 answers
React show view based on role permission
Javascript React
14 votes185 views4 answers
React how to update state array
Javascript React
0 vote183 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
86 votes198 views3 answers
React check if window exists
Javascript React
0 vote177 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote187 views1 answer
Ipa failed react native after processing
Javascript React
9 votes184 views6 answers
React Component
Javascript React
0 vote200 views1 answer
Enzynme not support react 17
Javascript React