antd优化加载组件

发布日期: 2021-10-25

文章字数: 71

阅读时长: 1 分

阅读次数:

antd优化加载组件

/** 问题 react使用路由、二级路由切换时页面会闪烁
  *  而使用这个组件，就可以解决这个问题
*/ 

  const renderSec = () => {
    return (
      secondChildren
        ? (
          <Suspense fallback={<div style={{ textAlign: 'center' }}><Spin size="large" /></div>}>
            <RouterView routes={secondChildren} />
          </Suspense>
        )
        : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
    )
  }