摘要:React 16.6 新增 <Suspense>
组件,其包裹的子组件承受异步加载进来的组件,能够期待子组件的加载,期待期间展现其fallback
属性值(ReactNode),实现demo如下,这里用Hooks函数式编程形式写:
import React from 'react';
const lazyDemo =React.lazy(()=>import('./lazyDemo'));
function Demo(){
return (
<div>
<Suspense fallback={<p>Loading</P>}>
<lazyDemo />
</Suspense>
</div>
)
}
export default Demo;
发表回复