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

6次阅读

共计 297 个字符，预计需要花费 1 分钟才能阅读完成。

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

正文完