~~~
import {lazy} from './ReactLazy';
~~~
**文件路徑**
```
packages/react/src/ReactLazy.js
```
~~~
export function lazy<T, R>(ctor: () => Thenable<T, R>): LazyComponent<T> {
let lazyType = {
$$typeof: REACT_LAZY_TYPE,
_ctor: ctor,
// React uses these fields to store the result.
_status: -1, //記錄Thenable處于什么狀態
_result: null,
};
return lazyType;
}
~~~
Suspense是type
~~~
Suspense: REACT_SUSPENSE_TYPE,
~~~
- 說明
- react源碼
- 問答
- 慕課網視頻
- 第二章：基礎知識
- 001.ReactElement
- 002.react-component
- 003.ref
- 004.forwardRef
- 005.context
- 006.concurrentMode
- 007.supense和lazy
- 008.hooks
- 009.children
- 010.memo
- 011.others
- 第三章：react的更新
- 001.react-dom-render
- 第四章：Fiber Scheduler
- 第五章：各類組件的Update
- 第六章：完成節點任務
- 第七章：commitRoot
- 第八章：功能詳解：基礎
- 第九章：suspense and priority
- 第十章：功能詳解：Hooks
- 001.基礎知識
- 002.hook
- 003.RootFiber
- 004. hydrate
- react
- 高階組件
- react基礎
- Github面試題目