- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开始使用 redux-toolkit,在阅读文档并实现一些代码后,有些东西我不太明白,或者可能我的方法是错误的,这就是我在这里问的原因。
无论如何,我有一些带有 asyncThunk 的切片,它调用 API 并根据该调用返回的值设置一些状态,如果失败,则显示错误通知和一些日志记录。我现在不在工作,所以我会写一些伪代码:const loadData = createAsyncThunk('loadData',
async ({ product }, { dispatch, extra: { API }, rejectWithValue }) => {
try {
const response = await API.getProduct(product)
return response
} catch (error) {
dispatch(setErrorNotification(error.message))
dispatch(logError(error))
rejectWithValue(null)
}
}
这段代码实际上做了我想要的,但我的问题在于必须使用rejectWithValue(null)
让代码通过rejected
reducer ,它看起来对我来说真的很可疑,这让我相信我不太理解这一点。如果我不这样做,即使它进入 catch,它也会通过 fulfilled
reducer ,该 reducer 会抛出错误,因为这不是预期的并且没有有效负载。
有什么指点吗?有没有一种方法可以在捕获 API 调用(在失败的情况下)时转到被拒绝的 reducer ,而无需显式 rejectWithValue
?
谢谢!
最佳答案
一点也不腥。这是一种将所有改变状态的负担以方便的方式转移给 reducer 的方法。让我们看一下这样的代码:let Promise = PromiseReturningFunction();
。这里我们有一些通用的 promise ,现在我们可以使用 then
和 catch
来“订阅”它的 future 值。我们还可以多次订阅 future 值,如下所示:
let promise = promiseReturningFunction();
promise.then(doSomething);
promise.then(doSomethingElse);
Redux 工具包保留了这种模式。 thunk 与特定切片分离,您可以在多个 reducer 中“订阅”它们。因此,当您想在不同的切片中对同一结果执行多项操作时,您将从 thunk 中获取原始数据,并在不同的切片中根据特定情况的需要处理该数据。
在您的情况下,您应该调用returnrejectWithValue(error)
。然后,在导致错误的切片中添加以下内容:
extraReducers: {
[loadData.rejected]: (state, action) => {
// do something with error that is in action.payload
}
}
当您处理一个切片中的错误,但可能需要知道它已在另一个切片中解决时,这是一个很好的模式。它在两个方面也是面向 future 的:您始终可以添加使用相同 thunk 的切片,并且您始终可以完全替换 thunk 而不会破坏事物(如果数据的形状不改变)。
示例沙箱:https://codesandbox.io/s/fancy-cdn-d86c9?file=/src/App.js
关于javascript - 关于redux工具包中错误处理的问题(已拒绝,已完成),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66570938/
鉴于此 export const slice = createSlice({ name: 'reducer', initialState: { }, reducers:
当创建新图表并添加系列(例如 ColumnSeries)和数据时,列将呈现为淡入动画类型,并在屏幕上绘制图表后瞬间出现。 有什么办法可以阻止这个动画的发生吗?或者,是否有办法强制图表在渲染之前完成动画
我正在尝试从 Java 的 JDK 导入 tools.jar,但每当我尝试创建 newInstance 时,都会收到 InstantiationException来自图书馆的类(class)。 到目前
我正在寻找 JavaScript RIA 工具包。我的要求是:漂亮的外观、免费的许可证和健全的 API。有什么想法吗? 这就是我到目前为止所发现的: ExtJS 专业人士 完美的外观 很多小部件 支持
jsPlumb工具包是否可以根据要绘制和连接的对象的数量和类型动态定位内容。我的意思是目前example他们给出的方法是,使用 css 来定位每个节点,当我们动态生成可视化时,这不是一个好的选择,因为
我正在 Linux 中创建磁盘分析器。我想知道哪个 Python 工具包可以帮助我使用 GUI。我目前正在尝试 Tkinter 有更好的东西吗? 最佳答案 “更好”是主观的。我很乐意提出我的意见,即没
我们正在构建一个调查网络应用程序,它允许用户在离线时向调查添加新记录,并在浏览器重新连接到服务器时上传。 我们已经确定这将需要离线存储,因此 google gears 似乎是一个显而易见的选择(我们知
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我正在寻找可以在 Linux 系统上使用 C++ 语言的 SOAP 工具包。我查看了 AXIS2C,但发现它的文档很少。不幸的是,gSoap 需要许可证,所以还有其他的吗? 最佳答案 我用于 C++
我只是想掌握我可以从中构建的 OpenGL,所以我正在寻找的只是构建 Windows 等的基本知识。我在阅读教程时注意到的一件事就是它似乎就像很多信息已经过时了 - 例如很多教程(其中许多是几年前写的
有谁知道如何在 Silverlight 工具包的 TreeView 中实现拖放? 我看到了 Silverlight 的拖放管理器,但据说您可以在要拖放的项目周围放置容器,但我想知道如何在另一个 Tre
已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。 我们不允许提出有关书籍、工具、软件库等方面的建议的问题。您可以编辑问题,以便用事实和引用来回答它。 关闭
我有一个有 6 列的 DataGrid,每列都是一个 RadioButton,以便用户可以选择 1 in 6 选项。大约有100行。我用 6 个 bool 数据成员创建了一个自定义类,然后将数据网格与
从我发现的一个 Silverlight 论坛页面,我的印象是在后面的代码中创建的 ChildWindow 会选择页面其余部分的主题;只有当您从 ChildWindow 继承时,情况才不再如此。 出于某
我正在使用 WPF 工具包 AutoCompleteBox,它的 itemsSource 是一个包含数百万个对象的列表。 AutoCompleteBox 是否用于搜索后台线程,如果没有,我该如何实现。
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题?将问题更新为 on-topic对于堆栈溢出。 8年前关闭。 Improve this qu
这个问题已经有答案了: What is the difference between a framework and a library? [closed] (22 个回答) 已关闭 7 年前。 框架
我的问题很简单,我想通过一个简单的例子得到清晰的答案。 API、工具包、框架和库之间的主要区别是什么? 最佳答案 我更喜欢以下内容: API 是如何使用应用程序的抽象描述。例如,API可以描述聊天服务
我有一个 C# 应用程序。目前所有模块都是用 .NET 2 编写的,并且它使用一些具有 Linux 端口的可执行文件。所以我想知道我应该在 Windows 和 MacOS 上使用什么工具包才能在两者上
这是我非常简单的 Accordion XAML :- 如果我非常快地点击 Accordion 项目几次,我会得到这个异常:- AccessViolation
我是一名优秀的程序员,十分优秀!