Redux:未调用异步操作创建器
Redux是一个用于JavaScript应用程序的可预测状态容器。它是一个用于管理应用程序状态的开源JavaScript库，广泛应用于前端开发中。Redux的核心概念包括store、action和reducer。
- Redux的核心概念：
- Store：Redux应用程序的状态存储在一个单一的JavaScript对象中，称为store。它是应用程序状态的唯一来源，可以通过getState()方法获取当前状态，通过dispatch(action)方法来触发状态的更新。
- Action：Action是一个描述状态变化的普通JavaScript对象。它必须包含一个type属性，用于指定要执行的操作类型，以及其他自定义的数据属性。通过dispatch(action)方法将action发送给store，触发状态的更新。
- Reducer：Reducer是一个纯函数，用于根据接收到的action来更新应用程序的状态。它接收当前状态和action作为参数，并返回一个新的状态对象。Reducer应该是一个纯函数，不应该有副作用，每次调用时都应该返回相同的结果。
Redux的优势：
- 可预测性：Redux使用单一的状态树和纯函数来管理状态变化，使得应用程序的状态变化变得可预测。通过记录每个action的变化历史，可以轻松地追踪和调试状态变化。
- 可维护性：Redux的状态管理模式使得应用程序的状态变化变得可控和可维护。通过将状态的变化逻辑集中在reducer中，可以更好地组织和管理代码。
- 可扩展性：Redux的状态管理模式使得应用程序的状态变化变得可扩展。通过拆分reducer和使用中间件，可以轻松地添加新的功能和扩展应用程序的状态管理能力。
Redux的应用场景：
- 大型应用程序：Redux适用于大型应用程序，特别是那些具有复杂的状态管理需求的应用程序。通过统一管理应用程序的状态，可以更好地组织和维护代码。
- 跨组件通信：Redux可以用于解决组件之间的通信问题。通过将共享状态存储在Redux的store中，不同组件可以轻松地访问和更新状态。
- 异步操作管理：虽然Redux本身不支持异步操作，但可以结合中间件（如redux-thunk、redux-saga）来管理异步操作。中间件可以拦截action并执行异步操作，然后再派发新的action来更新状态。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云音视频处理（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云腾讯会议：https://cloud.tencent.com/product/tcmeeting
相关·内容
2回答
我正在使用redux-thunk创建一个异步操作，这样我就可以使用'fetch‘调用一个API方法。"> </div> );}
export default App; 我定义了我的异步操作创建器catch((err
浏览 19提问于2019-04-04得票数 2
回答已采纳
1回答
function handleClick(id) { console.log(id);}
如何在每次单击div时创建
浏览 9提问于2020-05-20得票数 0
2回答
当redux thunk异步调用动作创建器返回的函数时，我如何确保在调用动作创建器之后，redux在继续之前实际上已经调度了动作？在向服务器发送每个POST请求之前，我需要获取CSRF令牌，并且对于这两个过程都有相应的操作。
问题是，如果我连续调用这些操作创建者，POST操作出于某种原因会在CSRF操作被调度之
浏览 1提问于2016-06-22得票数 6
2回答
在典型的React/Redux应用程序中，使用触发AJAX请求并在该请求的开始/成功/失败时分派操作是非常常见的。是否有可能将redux应用程序与redux应用程序集成到redux应用程序中，使用异步操作创建</em
浏览 1提问于2018-06-29得票数 1
回答已采纳
我正在尝试用功能组件替换我的旧的react应用程序，我在redux中使用“axios”来调用api。这是我的api调用函数 return axios[method.toLowerCase()](path, datares.data); .catch(err => { });}
这是给red
浏览 3提问于2020-02-01得票数 1
回答已采纳
我正在为用户注册设计redux操作。注册过程需要创建三个实体( User、UserProfile和Offer )，并涉及处理异步服务器调用的副作用。UserReducers使用它来更新redux状态
为了简化上面的列表，我跳过了代码中的*.*_ERROR<em
浏览 0提问于2018-02-23得票数 0
我刚开始使用react和redux，我正在检查一个购物车应用程序，如果我想从外部api中获取这些虚拟对象，该怎么办？我可以在react中获取apis，但redux使我感到有点困惑。
浏览 0提问于2018-09-01得票数 0
回答已采纳
1回答
我在一个项目中看到，副作用的行为是在这样的操作中定位的：function onCreateItem (name, title, content) {运行此函数时，将向存储区分派操作。该操作是调用动作创建者(？) createItem的结果。此操作是接受调度程序的函数对象.
然后，Redux运行操作(它如何知道如何执行此操作？)，传入调度程序。运行副效逻辑(网络<e
浏览 1提问于2017-07-17得票数 0
回答已采纳
我设置了一个5秒的间隔，它调用refreshAppList(this.props.list)操作创建器，forEach遍历列表中的每个项，并进行异步调用，然后异步调用分派刷新的列表项(使用redux-thunk不幸的是，现在我正在为这个特定的异步操作创建器编写单元测试，我遇到了一个问题。.forEach不会返回任何东西，所以当我在单元测试中调用它
浏览 14提问于2017-07-06得票数 0
回答已采纳
1回答
当使用带有角2的Redux时，应该执行ajax调用
我看到了两种可能性，第一种是服务类处理ajax调用和其他异步操作，并将结果委托给存储调度。这意味着存储只负责存储应用程序的字节状态，而操作只是传输字节以存储的载体，而不执行任何逻辑、验证等。这是我的第一印象Redux --创建一个基于指令和有效负载的新状态，这是在Redux域之外执行的逻辑操作的结果。但是，当我继续阅读Redux正式文档(异
浏览 7提问于2016-06-12得票数 1
我想问，在redux中调用异步actoin创建者后，自动重定向的最佳解决方案是什么？我读到React路由器向下传递到它的组件历史对象，但因为我正在对redux执行异步操作，所以我没有任何访问该对象的权限。我发现可以创建一个自己的历史对象，在那里我可以定义我的历史，然后将它直接链接到我调用redux actionCreator的脚本。 但是，这种解决方案是最佳实践，还是有更好/更干净的解决方
浏览 11提问于2020-04-27得票数 0
回答已采纳
我调用我的redux操作之一，如下所示：当上面的操作完成时，我想将我的状态发送到某个地方：如何链接这些调用
浏览 0提问于2017-02-05得票数 0
2回答
当我通过操作创建者传递数据时，我遇到的问题是Actions must be plain objects。基本上，我试图通过单击一个按钮来捕获用户输入，而基于单击哪个按钮(视图)--将event.target.innerHTML传递给动作创建者fetchDataAsync(view)，然后通过axios和dispatches不过，我还是新来的Redux，我不知道我在这里做错了什么。我以前见过在动作创建者内部执行的异步操作..。与Redux连接的组件：
c
浏览 0提问于2016-09-26得票数 0
回答已采纳
1回答
我正在创建redux应用程序。，但停留在问题上，为什么我们不应该在组件方法(如componentWillMount等)中调用异步函数(对于API调用)？，为什么我必须使用像redux& saga这样的中间件呢？为什么我们不能从操作中调用API请求，并根据这个结果调用减速器？这是个坏主意吗？我对这件事不太了解。你能帮我理解redux中API调用的概念吗？
浏览 2提问于2018-02-26得票数 0
我按照文档的建议集成了redux表单，一切都很好。作为下一步，我希望向我的应用程序添加异步API调用，并将它们与redux-form创建的表单组合起来。这样做的方法是在组件中分配操作，并在还原器中执行必要的逻辑。当您需要在actions/actionCreator中进行异步操作时，您可以使用redux-thunk，或者可能使用其他库，比如redux-saga。让我们假设我希望使用r
浏览 2提问于2017-01-10得票数 1
回答已采纳
我对redux操作有个问题。当我提交一个表单时，下面的错误提示我。网络显示数据已传输。如何修复它？操作 export const addExpenses = ({categoryId, data}) => async(dispatch) => { type来自redux thunk文档的简单设置。import { applyMiddleware, createStore } from "redux";
import { comp
浏览 14提问于2021-01-06得票数 0
我在我的动作创建器中进行了一个异步调用，并用结果调用了我的reducer，但由于某种原因，我无法理解reducer没有被调用。actions.js (动作和动作创建者) $.get("serverComponent, PropTypes } from 'react'
import Re
浏览 0提问于2015-11-20得票数 3
回答已采纳
1-react redux已经提供了连接(mapStateToProps，mapDispatchToProps)，那么为什么要使用中间件和redux-thunk呢？
浏览 0提问于2018-05-04得票数 2
回答已采纳
我正在尝试创建一个对服务器的简单API调用。为此，我创建了一个名为- likes.js的文件，其中有：import tokenConfig from '.
浏览 0提问于2020-11-03得票数 0
回答已采纳
1回答
我想要创建sagas + reducers + actions的集成测试，但是我看到的关于测试redux的所有文档都使用了redux-mock-store函数。import configureMockStore from 'redux-mock-store'谢谢
浏览 4提问于2017-01-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
