博客
关于我
react项目中suepense的简单使用
阅读量:521 次
发布时间:2019-03-08

本文共 299 字,大约阅读时间需要 1 分钟。

import React, {   Components, Suspense} from 'react';

简单来说项目中组件加载需要耗时,在组件未完全渲染出来这一段时间,如果不管不问显然不是明智之举;可以在这段时间体现交互的过程,做一些组件加载完成前做的事,这有利于优化页面。

return (	
)

fallback可以接受react组件 --> 作为要在页面渲染完成之前展示的组件;

总结:Suspense可优化页面交互,增加占位符或者loading…这简化了我们考虑应用程序加载状态的方式

转载地址:http://ovanz.baihongyu.com/

你可能感兴趣的文章
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
查看>>
Nginx 反向代理+负载均衡
查看>>
Nginx 反向代理解决跨域问题
查看>>
Nginx 反向代理配置去除前缀
查看>>
nginx 后端获取真实ip
查看>>
Nginx 多端口配置和访问异常问题的排查与优化
查看>>
Nginx 如何代理转发传递真实 ip 地址?
查看>>
Nginx 学习总结(16)—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
查看>>
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>
Nginx 学习(一):Nginx 下载和启动
查看>>
nginx 常用指令配置总结
查看>>
Nginx 常用配置清单
查看>>
nginx 常用配置记录
查看>>
nginx 开启ssl模块 [emerg] the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx
查看>>
Nginx 我们必须知道的那些事
查看>>