关于react.js:React-Suspense组件实现异步加载组件

摘要: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;

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理