Use React.lazy in Suspense fixture (#13834)
Dan Abramov committed
Oct 12, 2018 at 03:37 UTC
6d5d250bef88115ceceb906d0cab1d60ea996d7b
1 file changed
+3
-10
fixtures/unstable-async/suspense/src/components/App.js
+3
-10
@@ -1,20 +1,13 @@
1
-import React, {unstable_Suspense as Suspense, PureComponent} from 'react';
1
+import React, {lazy, unstable_Suspense as Suspense, PureComponent} from 'react';
2
import {unstable_scheduleCallback} from 'scheduler';
3
import {
4
unstable_trace as trace,
5
unstable_wrap as wrap,
6
} from 'scheduler/tracing';
7
-import {createResource} from 'react-cache';
8
-import {cache} from '../cache';
7
import Spinner from './Spinner';
8
import ContributorListPage from './ContributorListPage';
9
12
-const UserPageResource = createResource(() => import('./UserPage'));
13
-
14
-function UserPageLoader(props) {
15
- const UserPage = UserPageResource.read(cache).default;
16
- return <UserPage {...props} />;
17
-}
10
+const UserPage = lazy(() => import('./UserPage'));
11
12
export default class App extends PureComponent {
13
state = {
@@ -77,7 +70,7 @@ export default class App extends PureComponent {
70
Return to list
71
</button>
72
<Suspense maxDuration={2000} fallback={<Spinner size="large" />}>
80
- <UserPageLoader id={id} />
73
+ <UserPage id={id} />
74
</Suspense>
75
</div>
76
);