ncnbb-react-loadable v1.0.0

简介

基于React封装的统一处理异步加载组件的加载器组件，能更贴合React开发的方式处理异步加载组件的逻辑，对加载失败，加载超时，加载中和加载成功进行处理。

安装

npm install ncnbb-react-loadable

使用须知

• 项目目录下，必须配置@babel/plugin-syntax-dynamic-import插件，让webpack处理import()特殊Api
• 被加载的组件必须使用export default进行导出
• 需要使用react16版本及以上

参数

实例

import loadable from 'ncnbb-react-loadable';

const LoadableComponent = loadable( {
    loader: () => import( './Sub.jsx' ),
    loading: Loading,
    timeout: 2000,
    delay: 3000,
    error: Error,
    callback: (status, error) => {console.log(status)},
    overTime: <OverTime />
} );

render () {
    return (
        <div>
            <LoadableComponent num={this.state.num} text='这是一个加载后的内容' />
        </div>
    );
}