利用Suspense组件来包装请求

React的Suspense有个fallback，可以利用这个特性来处理未请求到数据时显式的内容，请求到数据后就显示结果。

import React, { useEffect, useState } from "react";const f = fetchValue();const Comp= (props) => {const value = f.read();return <div>{value}</div>;
};export default Comp;// 封装一个可以用于请求数据的工具函数
function fetchValue(promise) {let status = "pending";let result = null;// 此处模拟axios请求// promise.then()new Promise((resolve, reject) => {setTimeout(() => {resolve("success");}, 2000);}).then((r) => {status = "resolved";result = r;},(e) => {status = "rejected";result = e;});return {read() {if (status === "resolved") {return result;}if (status === "rejected") {throw Promise.reject(null);}if (status === "pending") {throw Promise.resolve(null);}},};
}

UI上：

<Suspense fallback={<h1>正在加载...</h1>}><Comp />
</Suspense>

利用Suspense组件来包装请求相关推荐

AI创企Astound获150万美元A轮融资，利用AI自动化员工服务请求
据外媒报道,一家名为Astound的新创业公司今天发布了一个大的愿景:利用人工智能来减少服务请求,以推动服务自动化.据了解,该公司的总体目标是帮助大型企业的员工处理自己的服务需求,而不是要求更有经验的 ...
如何在 React 18中利用Suspense 实现服务端渲染(SSR)
概述 React 18 将包括对其服务器端渲染 (SSR) 性能的架构做了改进.这些改进带来了实质性的效果,是几年来其团队工作的结晶.大多数的改进点都是在幕后进行的,但您需要了解一些选择加入机制,尤 ...
vue3.0学习笔记 (suspense组件 defineAsyncComponent异步引入)
通过defineAsyncComponent异步引入 <template><div><Suspense>// 这两个插槽名称是固定的// defalut:这里面写的 ...
利用JMail组件快速构建邮件程序
当你需要在VC程序中提供邮件支持功能的时候,你有许多种选择: 1)根据SMTP,POP3,MIME等协议从零开始实现.这要求熟悉RFC 821,RFC 822,RFC 1123, RFC 1652, ...
python post请求上传图片_利用python模拟实现POST请求提交图片的方法
本文主要给大家介绍的是关于利用python模拟实现POST请求提交图片的方法,分享出来供大家参考学习,下面来一看看详细的介绍: 使用requests来模拟HTTP请求本来是一件非常轻松的事情,比如上传 ...
vue树形结构html,怎么在vue中利用递归组件实现一个树形控件
怎么在vue中利用递归组件实现一个树形控件发布时间:2021-06-11 17:26:48 来源:亿速云阅读:81 作者:Leah 本篇文章为大家展示了怎么在vue中利用递归组件实现一个树形控件, ...
DNS反射放大攻击分析——DNS反射放大攻击主要是利用DNS回复包比请求包大的特点，放大流量，伪造请求包的源IP地址为受害者IP，将应答包的流量引入受害的服务器...
DNS反射放大攻击分析摘自:http://www.shaojike.com/2016/08/19/DNS%E6%94%BE%E5%A4%A7%E6%94%BB%E5%87%BB%E7%AE%80%E ...
Asp.Net Core中利用Seq组件展示结构化日志功能
在一次.Net Core小项目的开发中,掌握的不够深入,对日志记录并没有好好利用,以至于一出现异常问题,都得跑动服务器上查看,那时一度怀疑自己肯定没学好,不然这一块日志不可能需要自己扒服务器日志来查看 ...
java httpclient 异步请求_Java利用httpasyncclient进行异步HTTP请求
Java利用httpasyncclient进行异步HTTP请求前段时间有个需求在springmvc mapping的url跳转前完成一个统计的业务.显然需要进行异步的处理,不然出错或者异常会影响到后 ...
发送邮件现在应用得最多的两种情况就是利用.NET自带的发送邮件和利用jmail组件来发送邮件。...
.NET自带的邮件发送利用了System.Web.Mail.MailMessage这个类,这是在VS2003的情况下,在VS2005下更多的是利用System.Net.Mail.MailMessage ...

利用Suspense组件来包装请求

文章目录

利用Suspense组件来包装请求

利用Suspense组件来包装请求相关推荐

最新文章

热门文章