操作触发，但reducer不是
指的是在前端开发中的状态管理模式中的一种概念。
在前端开发中，常用的状态管理模式有Redux和Vuex。在这些模式中，操作触发指的是通过触发一个动作(action)来改变应用的状态(state)，而reducer则是用来处理这个动作并更新状态的函数。
具体来说，当一个操作触发时，会创建一个动作对象，该对象包含了操作的类型和可能的数据。然后，这个动作对象会被传递给reducer函数，reducer会根据动作的类型来决定如何更新应用的状态。
reducer函数接收两个参数：当前的状态和动作对象。它会根据动作的类型来判断应该如何更新状态，并返回一个新的状态对象。这个新的状态对象会替换掉当前的状态，从而实现状态的更新。
在Redux中，reducer函数是纯函数，它不会直接修改原始的状态对象，而是创建一个新的状态对象并返回。这样做的好处是可以追踪状态的变化，方便调试和管理。
操作触发，但reducer不是的应用场景非常广泛，特别是在大型复杂的前端应用中，使用状态管理模式可以更好地组织和管理应用的状态。它可以帮助开发者更好地理解和维护应用的状态流动，提高开发效率和代码质量。
在腾讯云中，推荐使用云开发(CloudBase)来进行前端开发和部署。云开发是腾讯云提供的一站式后端云服务，它提供了前端开发所需的各种功能，包括云函数、数据库、存储、托管等。通过云开发，开发者可以快速搭建和部署前端应用，并且无需关注服务器运维和后端开发的细节。
更多关于云开发的信息和产品介绍，可以参考腾讯云的官方文档：云开发
相关·内容
1回答
在下面的代码中，动作看起来触发成功了，但是reducer却没有。房间的redux store中没有更新任何值，但可以确认redux store设置正确，并且适用于我的所有用户操作和reducers。我在一个组件getRoom('someId)中触发了一个函数，传递一个id，然后这个id进行一次提取并返回结果。在得到结果后，我将发送一个redux操作saveRoom(res)。我可以在我的控制台日志中看到它正在被正确调用和触发。 import {SAVE_ROOM} from &
浏览 9提问于2020-09-26得票数 1
0回答
我正在尝试实现搜索，我做了输入的操作，每次当我输入文本搜索输入时，它都起作用，但是reducer不触发，我不能理解为什么，以及最奇怪的事情，另一个操作和reducer应该工作，只有一个不工作。store.search};
操作方法
浏览 1提问于2018-07-14得票数 0
我有一个reactjs项目，并且我有一个屏幕，它需要一个组件来显示每次触发操作时更新的缩减器值。我有一个按钮单击，但我没有发出提交按钮，而是使用onclick事件，它发出一个dispatcher来触发操作。我看到reducer正在更新，但我没有在屏幕上看到组件更新。如何在reducer更新后触发render方法？如果我只想更新组件，而不是render方法中的所有内容，在类似于部分页面刷新的场景中，该怎么办？
浏览 19提问于2018-12-29得票数 1
但具有作用函数的减速器的返回状态是异常的。import reducer from '../../test_module/reducer';
const initStatus = { id: -1, list: [] };但是，当我尝试两次触发操作时，我从第一个操作</e
浏览 0提问于2017-04-28得票数 5
回答已采纳
1回答
其中一个减速器未从生效状态触发
、、、、
我已经尝试了如下触发减量效果的效果。问题是，返回操作时不会触发reducer 'OpenINFOWIdgetSuccess‘。return of(new }) }) constructor(public payload: string) {
浏览 28提问于2021-08-02得票数 0
2回答
我创建了一个EDIT_USER reducer，它工作正常。我可以从应用程序中的任何地方触发相应的操作和这个缩减程序。假设我想要更改标题颜色(标题组件在组件树中的位置非常高)，而不是卡片组件中的按钮(组件树中的位置非常低)。它起作用了。然而，每当我刷新页面时，页眉的颜色是用户上次登录时的颜色！Object.keys(action.user).length > 0, };
这是在App.js中，它通过setCurrentUser操作</
浏览 0提问于2019-02-15得票数 0
当我触发ADD_ITEM操作时，我得到"state.push不是一个函数“const reducer = (state = initialState, action) => {我可以添加新的项目，但最初的项目没有显示，如何解决这个问题？id: 2, content: 'Buy cat food' }),
Map
浏览 1提问于2017-10-05得票数 0
3回答
尽管我的store.dispatch在从js类调用时调用了reducer，但它并没有触发更改。store.dispatch(toggleNotification(notification)); 令我惊讶的是，尽管调用了我添加了控制台的reducer，但状态从未更新过 case TOGGLE_NOTIFICATION, action.notification)} 消息由我
浏览 19提问于2019-09-14得票数 1
回答已采纳
我在下面的'userLogin‘函数中有我的userKey，但当我准备将用户密钥发送到我的reducer中时，它不在那里。我尝试更新我的操作，将setUserId函数包装到“userLogin”中，但我的reducer中一直显示为空(这些操作正在触发，但它无法到达reducer。请帮帮我！userKey) // comes up as Null type: SET_USERID,
u
浏览 5提问于2020-11-04得票数 0
1回答
我在下面的setUser文件中定义了chatActions.js操作。从控制台日志中，我可以看到setUser操作被触发。但相应的减速器从来没有触发过。但是状态从来没有更新过，尽管如此，setUser操作还是会被触发。 [CLEAR_USER]: clearUser以下是rootReducer页面：
import { combineR
浏览 0提问于2019-08-25得票数 1
回答已采纳
/image.reducer';import * as fromAddedTags from './added-tag.reducer';
images: fromImages.State;}
export const
浏览 21提问于2019-03-18得票数 3
我们有很多触发thunks (从后端加载数据)的操作，但是没有一个reducer。我们的模式是加载/成功/失败三元组。基本上，只有成功和失败需要一个reducer语句。如何使用工具包完成此操作？我是否必须放入一个reducer，它只返回load操作的未更改状态？
浏览 7提问于2020-06-29得票数 1
1回答
从Redux状态获取值
、、、
> step2Subreducer: <handled by sub-reducer> step4Subreducer: <handled by sub-reducer>}
浏览 6提问于2018-02-05得票数 0
1回答
上下文:我需要这个信息，因为我需要操作封装在一些节点模块(SAP Spartacus模块)中的一些状态特性。
浏览 15提问于2021-06-06得票数 0
1回答
现在，只要用户喜欢posts[]中的帖子，就会触发一个'likeDone‘操作。在后期阶段，当我有更多类似的减速器，并且所有这些减速器都列出在一个操作中时，这是低效的。
选项2:将'likeDone‘改为2个更明确的动作例如。'likeUserPostDone‘'likePetPostDone’，每个reducer都会对匹配的操作做出反应。通过这种方式，reducer更新看起来更高效，但稍后会有更多的操作类型，最
浏览 18提问于2019-11-06得票数 0
回答已采纳
3回答
由于某些原因，我调用的操作没有到达reducer。我已经附上了代码，我觉得是相关的，任何贡献都将受到高度赞赏。操作/index.jsconst API_SPACE_ID/reducer-content';
const rootReducer = combineReducers
浏览 8提问于2018-08-10得票数 1
BrowserModule, NgbModule, StoreModule.forRoot({ login : Reducer.reducerstate) ; const ret = { ...state, logged : 0 } ; console.log( ret ); return ret }) login
浏览 3提问于2019-11-17得票数 1
回答已采纳
state.list[projectId].columnIds.splice(0, 0, column.id) }export default projectSlice.reducer/columnSlice'
reducer: { columns:columnReducer,})
现在，根据我对文档的理解，extraReducer应该能够侦听其他redux操作<
浏览 11提问于2021-05-18得票数 0
回答已采纳
2回答
我开始将ngrx(8.4.0)添加到现有的角(8.2)应用程序中，但当触发时，我的一个操作(见下面的操作)不会发生变异状态。auth.reducer.ts (部分) user: any;}
...state, isNewUser: isNewUser);
export
浏览 2提问于2019-10-24得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
