|
@ -25,11 +25,13 @@ You may have seen [Dan's talk about React Suspense at JSConf Iceland](/blog/2018 |
|
|
import React, {lazy, Suspense} from 'react'; |
|
|
import React, {lazy, Suspense} from 'react'; |
|
|
const OtherComponent = lazy(() => import('./OtherComponent')); |
|
|
const OtherComponent = lazy(() => import('./OtherComponent')); |
|
|
|
|
|
|
|
|
function MyComponent() ( |
|
|
function MyComponent() { |
|
|
<Suspense fallback={<div>Loading...</div>}> |
|
|
return ( |
|
|
<OtherComponent /> |
|
|
<Suspense fallback={<div>Loading...</div>}> |
|
|
</Suspense> |
|
|
<OtherComponent /> |
|
|
); |
|
|
</Suspense> |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
The Suspense component will also allow library authors to start building data fetching with Suspense support in the future. |
|
|
The Suspense component will also allow library authors to start building data fetching with Suspense support in the future. |
|
|