Loading [MathJax]/jax/output/CommonHTML/config.js

社区首页 >问答首页 >如何以反应查询的方式处理错误？

问如何以反应查询的方式处理错误？
EN

Stack Overflow用户

提问于 2022-03-19 01:52:19

回答 1查看 5.9K关注 0票数 0

由于react查询在很大程度上基于声明式方法，所以我在所有示例中看到的错误处理如下所示：

function Todos() {
   const { isLoading, isError, data, error } = useQuery('todos', fetchTodoList)
 
   if (isLoading) {
     return <span>Loading...</span>
   }
 
   if (isError) {//If there is an error, render different JSX
     return <span>Error: {error.message}</span>
   } 
   
   return (
     <ul>
       {data.map(todo => (
         <li key={todo.id}>{todo.title}</li>
       ))}
     </ul>
   )
 }

但是，如果我只想显示一个警告，万一出错呢？或者，我使用的是一些错误处理接口，它有一个命令式触发器？就像这样：

if (isError) alert(`An error has occurred: ${error.message}`)

在本例中，我得到了2警报。某些东西会导致组件重新呈现，这当然会导致“重复”错误处理。

为什么这对我很重要？因为我的错误处理逻辑可能不是基于在我的组件中呈现特定的JSX，而是基于一些手动的一次性触发器。警报只是一个基本的例子。

如有任何建议，将不胜感激！

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-03-19 04:02:32

您试过使用onError回调吗？

看起来是这样的：

    const useTodos = () =>
      useQuery(['todos'], fetchTodos, {
      // ⚠️ looks good, but is maybe _not_ what you want
      onError: (error) =>
        toast.error(`Something went wrong: ${error.message}`),
    })

您知道，对每个onError调用useQuery上的Observer回调，这意味着如果您在应用程序中调用useTodos两次，您将得到两个错误警告，即使只有一个网络请求失败。

票数 3

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71537128

复制

相关文章

git命令中带有特殊符号如@

使用带用户密码clone的方式： git clone https://username:password@remote 当username和password中含有特殊符号会导致出错，因为为http的请求，所以需要将特殊符号encode成url格式的 java使用： String c = java.net.URLEncoder.encode(".","utf-8"); System.out.println(c); 源文档 <http://blog.csdn.net/qq1142003960/article/

千往

2018/01/24

2.1K0

JavaScript中的双符号运算

双波浪号 1 2 3 4 var i = 5.1; var j = 5.5; console.log(~~i); // 5 console.log(~~j); // 5 作用类似Math.floor。类似的意思是在处理正数的时候，如果处理负数就它俩就不同了： 1 2 3 4 ~~-5.1 // 5 Math.floor(-5.1) // -6 ~~-5.5 // 5 Math.floor(-5.5) // -6 注： Math.ceil(x) Returns the smallest integer

前端黑板报

2018/01/29

1.4K0

在Python中使用Torchmoji将文本转换为表情符号

编程算法 https 网络安全神经网络

很难找到关于如何使用Python使用DeepMoji的教程。我已经尝试了几次，后来又出现了几次错误，于是决定使用替代版本：torchMoji。

deephub

2020/07/29

1.9K0

在Python中使用Torchmoji将文本转换为表情符号

TS 从 0 到 1 - TypeScript 中的各种符号

typescript string 工具类装饰器字符串

! 后缀表达式可以用于断言操作对象是非 null 和非 undefined 类型。即 x!，将从 x 值域中排除 null 和 undefined。

Cellinlab

2023/05/17

1.6K0

FPGA设计中有符号数、无符号数

大侠好，欢迎来到FPGA技术江湖，江湖偌大，相见即是缘分。大侠可以关注FPGA技术江湖，在“闯荡江湖”、"行侠仗义"栏里获取其他感兴趣的资源，或者一起煮酒言欢。

FPGA技术江湖

2020/12/29

1.7K0

FPGA设计中有符号数、无符号数

LaTeX求和符号_matlab中求和符号怎么表示

https 网络安全

Latex的求和公式：若想输出 ∑ i = 0 n \sum_{i=0}^n i=0∑n 则需要输入：

全栈程序员站长

2022/11/18

2.3K0

macOS下利用dSYM文件将crash文件中的内存地址转换为可读符号

mac os windows xcode

一、使用流程 Windows下的程序运行崩溃时，往往可以利用pdb文件快速解析出程序崩溃的具体位置，甚至可以对应到源代码的具体行数。macOS下的symbolicatecrash也具备相应的功能。对应于Windows下的pdb文件，macOS下的crash文件解析需要用到dSYM文件。这个文件正常情况下可能不会生成，需要在XCode进行设置。当程序崩溃时，通过symbolicatecrash对crash文件和dSYM文件中的符号进行映射，即可将crash文件中的内存地址转换为可读的字符串。以前的博文

24K纯开源

2018/01/18

2.6K0

macOS下利用dSYM文件将crash文件中的内存地址转换为可读符号

latex中求和符号正下方的符号怎么打_累加符号上下标的意义

https 网络安全

放在左上角的时候 \sum^n: ∑ n \sum^n ∑n 放在正上方的时候 \sum\limits^n: ∑ n \sum\limits^n ∑n

全栈程序员站长

2022/11/07

4.4K0

Python中的符号

1.算数运算符 2.复合赋值运算符 3.常用的格式符号

py3study

2020/01/10

2.7K0

jQuery中$符号的实质

jquery dom function 对象字符串

其实就是一个函数，以后用的时候，记得跟小括号参数不同，功能就不同。3种用法：参数是一个function, 入口函数 $(function () { }); $(domobj) 把dom对象转换成jquery对象 $(document).ready(function () { }); 参数是一个字符串,用来找对象 $("div") $("div ul") $(".current") 案例：检测$符号类型 <!DOCTYPE html> <html lang="zh-CN"> <h

兮动人

2021/06/11

3.7K0

Excel中$符号的妙用

Excel 使用过程中，不知道你有没有用到过 $ ，如果从来都没有用到过，可能代表你的修为还不够深，来看看为什么这么说。

披头

2019/12/26

2K0

Σ求和符号_西格玛符号怎么打

https 网络安全

转自：https://zh.wikipedia.org/wiki/%E6%B1%82%E5%92%8C%E7%AC%A6%E5%8F%B7

全栈程序员站长

2022/11/08

3.3K0

JavaScript 如何实现在搜索中忽略变音符号

https javascript unicode 网络安全编程算法

变音符号是指添加在字母上面的符号，以更改字母的发音或者以区分拼写相似词语。例如汉语拼音字母ü上面的两个小点，或á、à字母上面的标调符。

沈唁

2020/12/25

8820

无符号数和有符号数

人有十个手指头，习惯了逢十进一，于是十进制成了生活中的标准。程序的世界只有高低电平两种状态，更适合用二进制来表示，于是二进制成了程序世界的标准。对与无符号数来说，我们更喜欢谈他们之间的转化，十进制是我们最习惯的进制，于是十进制转为R进制，R进制转为十进制变尤为重要。

naget

2019/07/03

3K0

Linux中符号的用法

用;号隔开每个命令, 每个命令按照从左到右的顺序,顺序执行，彼此之间不关心是否失败，所有命令都会执行。

头皮阴都都

2020/04/23

3.4K0

【TypeScript 演化史 — 第六章】对象扩展运算符和 rest 运算符及 keyof 和查找类型

typescript api javascript 编程算法

使用 ES6 解构语法，可以创建几个局部变量来保存相应属性的值。TypeScript 将正确地推断每个变量的类型：

Javanx

2020/05/07

3.2K0

【TypeScript 演化史 — 第六章】对象扩展运算符和 rest 运算符及 keyof 和查找类型

markdown常用数学符号cov(markdown求和符号)

java https 网络安全对象存储

希腊字母 \alpha　α \alphaα \beta　β \betaβ　 \gamma　γ \gammaγ　 \Gamma　Γ 　 \Gamma　Γ　 \delta　δ \deltaδ \Delta　Δ \DeltaΔ \epsilon　ϵ \epsilonϵ \varepsilon　　ε \varepsilonε \zeta　ζ \zetaζ \eta　η \etaη　 \theta　θ \thetaθ \Theta　Θ \ThetaΘ \vartheta ϑ \varthetaϑ \iota　ι \iotaι　 \kappa　κ \kappaκ　 \lambda λ \lambdaλ　 \Lambda　Λ \LambdaΛ \mu　　μ \muμ \nu　ν \nuν \xi　ξ \xiξ \Xi　Ξ \XiΞ \pi　π \piπ \Pi　Π \PiΠ \varpi ϖ \varpiϖ　　 \rho　ρ \rhoρ \varrho　ϱ \varrhoϱ　 \sigma　σ \sigmaσ \varsigma　　ς \varsigmaς \tau　τ \tauτ \upsilon　υ \upsilonυ \Upsilon Υ \UpsilonΥ \phi　ϕ \phiϕ \Phi　Φ \PhiΦ \varphi　φ \varphiφ　 \chi　χ \chiχ　 \psi　ψ \psiψ \Psi　Ψ \PsiΨ \omega　ω \omegaω \Omega Ω \OmegaΩ

全栈程序员站长

2022/08/01

2.6K0

markdown常用数学符号cov(markdown求和符号)

java文档注释符号_java的注释符号

编程算法 java

标识符可以简单的理解成一个名字。在Java中，我们需要给代码中的很多元素起名，包括类名、方法名、字段名、变量名等等。我们给对应元素起的名称就被称为标识符，一个正确的标识符需要遵循以下规则：

全栈程序员站长

2022/11/10

10.3K0

java文档注释符号_java的注释符号

.NET/C# 项目如何优雅地设置条件编译符号？

c#迁移编译配置优化

条件编译符号指的是 Conditional Compilation Symbols。你可以在 Visual Studio 的项目属性中设置，也可以直接在项目文件中写入 DefineConstants 属性。

walterlv

2023/10/22

4700

.NET/C# 项目如何优雅地设置条件编译符号？

散点自定义符号——在散点图中创建自定义椭圆符号。

from matplotlib import colors as mcolors, path from matplotlib.collections import RegularPolyCollection import matplotlib.pyplot as plt from matplotlib.widgets import Lasso import numpy as np class Datum: colorin = mcolors.to_rgba("red") colorou

裴来凡

2022/05/28

5110

散点自定义符号——在散点图中创建自定义椭圆符号。

相似问题

如何在点符号中使用变量，如方括号符号

69

将美元符号符号转换为点符号符号

20

JavaScript属性访问:点符号还是方括号？

152

将abc符号转换为wav文件

131

将方括号符号转换为对象

22

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例