Redux更新嵌套对象
Redux是一个用于JavaScript应用程序的可预测状态容器。它是一个用于管理应用程序状态的开源库，广泛应用于前端开发中。Redux的核心概念包括store、action和reducer。
- Redux的概念：Redux通过一个单一的全局状态树（store）来管理应用程序的状态。应用程序中的任何数据都被存储在这个状态树中，并且只能通过派发（dispatch）一个action来改变状态。Reducer函数根据接收到的action来更新状态树。
- Redux的分类：Redux属于前端开发中的状态管理库，用于管理应用程序的状态。它可以与各种前端框架（如React、Angular、Vue等）结合使用。
- Redux的优势：
- 可预测性：Redux的状态变化是通过派发action来触发的，因此状态变化是可预测的，使得应用程序的行为更容易理解和调试。
- 单一数据源：Redux使用单一的全局状态树来管理应用程序的状态，使得状态的变化更加可控和可维护。
- 可扩展性：Redux的设计使得应用程序的状态和业务逻辑分离，使得应用程序更容易扩展和维护。
- 生态系统丰富：Redux拥有庞大的生态系统，有大量的插件和中间件可供选择，可以满足各种不同的需求。
- Redux的应用场景：Redux适用于中大型的前端应用程序，特别是那些具有复杂状态管理需求的应用。例如，当应用程序的状态需要在多个组件之间共享和同步时，Redux可以提供一种可靠的状态管理方案。
- 腾讯云相关产品和产品介绍链接地址：
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云数据库（TencentDB）：https://cloud.tencent.com/product/tencentdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
以上是关于Redux更新嵌套对象的完善且全面的答案，希望能对您有所帮助。
相关·内容
1回答
在react-redux应用程序中，应该将诸如异步操作的当前状态之类的内容存储在哪里？
javascript、reactjs、redux、react-redux
我有一个登录弹出窗口，它映射一个'isLoggingIn‘布尔值到redux存储。当发送登录请求操作时，saga截获该操作并发送登录正在处理的另一个操作，reducer将接受该操作并将'isLoggingIn‘布尔值设置为真。
我的商店：
export interface AppState {
playerToken:string,
loginOpen: boolean,
loginProcessing: boolean
}
登录传奇：
function* loginUser(action: any) {
yield put({ type: (LOGIN +
浏览 0提问于2018-07-14得票数 1
1回答
Redux -使相关的缩减程序保持同步
redux
我现在正在构建一个Angular 1.5应用程序，我正在逐步地向其中添加Redux。我遇到一个问题，我很难找到一个好的解决方案。我的应用程序主要处理显示数据的小部件，并管理定义在这些小部件中显示哪些数据的配置。随着我向Redux添加更多的状态，小部件减少器变得越来越庞大。我已经将它分解成几个较小的reducers，但现在我想知道像这样的设置的可维护性。
从本质上说，我担心在未来，修改一个reducer或添加一个操作小部件数据的新操作，然后忘记调整所有其他reducer以适应系统的这个新方面，这太容易了。或者，小部件状态通过reducers更改的各种方式将变得如此复杂，以至于很难确保我已经正确地
浏览 9提问于2017-07-15得票数 0
回答已采纳
2回答
在react中获取未定义的错误值
reactjs、react-redux、mern
我想在我的应用程序中使用错误值作为警报。我的服务器响应也给出了正确的响应。但在反应中使用时，错误值显示为undefined。
<b>Response Getting from API request</b>
{"success":false,"error":"Product Not Found"}
<b>code in react file</b>
const alert = useAlert();
const dispatch = useDispatch();
浏览 14提问于2021-11-16得票数 0
2回答
我是在使用新的上下文API，还是在使用Redux？
reactjs、redux、state
我已经学习了React，并且我已经学会了使用Context API，但是我听说有一个“新的context api”，因为我是通过一种旧的课程(2017年末)学习React的，我不知道我是在使用新的还是旧的Context API。另外，我刚刚发现了Redux，它看起来和我正在使用的几乎完全一样，那么Redux和上下文API到底是一样的吗？ 看看我的代码： 这是我的context.js： import React, {Component} from 'react'
const Context = React.createContext();
const reducer = (
浏览 26提问于2019-04-25得票数 0
2回答
Redux对普通反应
reactjs、redux、react-redux
我一直在阅读一些redux教程，老实说，到目前为止，我还没有看到它为普通的反应带来了什么附加值。
据我所知，我可以构建一个应用程序并仅使用react来管理它的状态，那么，是什么使redux值得使用呢？
嗯，我确实认识到redux在反应上有一些优势，即：
跟踪所有实施的行动；
由于前面的原因，使调试变得更容易；
防止状态在组件之间传递。
但也许是因为我缺乏开发大型应用程序的经验，我不相信这会让我的生活变得更轻松。
你能更详细地阐述一下使用redux比普通react的优点吗？
浏览 3提问于2016-08-31得票数 40
回答已采纳
2回答
在Redux中我应该把通用代码放在哪里呢？
reactjs、redux
我有一个使用Reactjs和Redux的应用程序。有一个action，它重置减速器的状态。我的问题是:哪里是最好的地方执行？我正在考虑两种选择：
每个减速器处理操作并重置其状态。
const reducer1 = (state = defaultState，action) => { switch (action.type) { case 'reset'：{ // .}/. }
根还原器重置全局状态
const appReducer = combineReducers({ reducer1，reducer2，reducer3 }) const rootReducer = (
浏览 2提问于2021-02-05得票数 0
2回答
在Redux存储中有多个状态，由联合减速器单独处理，可以吗？
react-redux
我正在审查React Redux应用程序中的一些代码，发现Redux存储中有三种状态，每个状态的更改都由不同的还原器(组合减速器)处理。类似于以下内容：
src/模型
--model1
--model2
--model3
src/减速器/index.js
const rootReducer = combineReducers({
model1Reducer,
model2Reduce,
model3Reducer
})
src/减速器/型号1减速器
// import model1 here
const model1Reducer = (state = model1, actio
浏览 0提问于2019-03-28得票数 0
1回答
什么是redux，它解决了什么问题？
redux
当我大部分时间在寻找Redux的时候，我得到了答案
Redux是JavaScript的一个可预测的状态容器，它作为一个外部库提供，它可以与前端框架一起使用，如React、R角、Ember.js、主干等等。
其实我还没有得到这个定义。**可预测状态容器**是什么意思？
作为一种新的开发工具，它应该解决web开发中的一些问题。那么，redux做什么以及它如何帮助我们呢？
浏览 1提问于2019-09-16得票数 3
回答已采纳
1回答
如何设计Redux商店和操作？
reactjs、redux
ReactJS和Redux为开发应用程序的前端提供了一个新的范例。两者都有相对简单的API，在花费了一小段时间之后，从技术的角度来看很容易掌握。但从设计的角度来看，我一直未能找到关于最佳实践或陷阱的建议。
在哪里可以找到关于如何设计我的全球Redux商店的建议或建议？将应用程序的整个状态保持在全局存储中似乎会很快变得难以处理。在这样做的时候，我应该避免什么呢？那么修改全局状态的操作呢？更好的做法是减少可以根据操作数据做不同事情的操作，还是更多具体的操作？
浏览 2提问于2016-03-25得票数 9
回答已采纳
1回答
React Redux状态在生产中以不同的方式工作
reactjs、redux、react-redux
在我的React/Redux应用程序中，我有一个带有条件的组件，用于检查reducer状态值是否为空。在开发模式下运行时，此条件完全按照预期工作-在reducer的状态更改时，该条件返回预期的结果。但是，当我为部署构建应用程序时，条件不再对状态更改做出反应，因此条件背后的代码在不应该触发的时候被触发。是什么导致了开发和生产之间的这种差异？
下面是带条件的函数：
_showNav = () => {
const { selectedItem } = this.props
if ( selectedItem !== "" ) {
return
浏览 1提问于2017-10-27得票数 0
2回答
在这个缩减程序中返回{ ...state，}到底是什么意思？
javascript、reactjs、redux、react-redux
这是来自非常简单的博客react-redux应用程序的reducer_posts.js。
import _ from 'lodash';
import { FETCH_POSTS, FETCH_ONE_POST, DELETE_POST } from '../actions/index';
export default function (state = {}, action) {
switch (action.type) {
case DELETE_POST:
return _.omit(state, action.payload
浏览 1提问于2017-05-29得票数 7
回答已采纳
2回答
将数据写入redux中的最简单的方法是什么？
javascript、reactjs、ecmascript-6、redux
在我的应用程序中，我使用了React和Redux (以及用于异步任务的Redux-thunk )。因此，当我需要将一些数据写入store作为component交互的结果时，我会同时使用action和reducer。但它总是必要的吗？尤其是在对修改后的字段没有connect的情况下，component？我总是需要action和reducer将一些数据写入store吗？或者，也许有一种类似于setState in store的方法
浏览 7提问于2016-11-15得票数 0
回答已采纳
2回答
combineReducers破坏了Redux状态，也破坏了多个不可变and缩减程序
reactjs、state、redux、reducers、react-redux
把我的头撞在这上面。我已经完成了典型的ReactJS和Redux应用程序教程，正在开发我自己的应用程序。问题出在使用combineReducers()为Redux存储创建单个缩减程序时。我目前有三个reducer，当它们被添加为createStore()的reducer参数时，它们可以很好地工作。第一个reducer包含我的所有操作，名为：
HeaderReducer
import { isActive } from '../actions/HeaderActions';
export const initialButtonState = {
isActive: fals
浏览 1提问于2016-04-05得票数 5
4回答
Redux应用程序中另一个组件中连接函数值的访问问题
javascript、reactjs、redux、react-redux
我已经在我的React应用程序中设置了Redux，但是当我使用this.props在一个单独的文件中访问另一个组件中的数据时，没有传递任何数据。我的操作正在执行，它传递我想要的数据。这是我的actions.js
export const ADD_CART = 'ADD_CART';
export function addCart(item){
return {
type: ADD_CART,
payload: item
}
};
我的reducer.js是：
import {ADD_CART} from './actio
浏览 6提问于2017-05-29得票数 2
回答已采纳
1回答
如何避免使用Redux多次显示相同的错误？
reactjs、react-native、redux、error-handling、notifications
我对React和Redux比较陌生，但我对actions+store+reducers如何实现单向数据流有一个基本的了解。
我在编写实际的应用程序时遇到的一个问题是，如何为每个唯一的错误显示一次错误警报。
我提出的解决方案工作得很好，但我觉得它不应该被要求，或者由于我缺乏经验，我可能会错过一些东西。
从本质上讲，它可以归结为：
/* In the reducer: */
const initialState = {
someStateData: 'wow state',
error: undefined,
errorId: 0,
}
const red
浏览 7提问于2019-07-28得票数 0
7回答
为什么Redux reducer被称为reducer？
javascript、reactjs、redux、functional-programming
边学边学 我遇到了 ..。文档说明： reducer是一个纯函数，它接受前一个状态和一个操作，然后返回下一个状态。(previousState，动作) => newState。它被称为reducer，因为它是传递给Array.prototype.reduce(reducer，initialValue)的函数类型。 MDN描述了 方法如下： reduce()方法对累加器和数组的每个值(从左到右)应用一个函数，以将其减少为单个值。 我仍然不明白为什么Redux定义了一个Redux的reducer，因为它没有任何意义。其次，MDN的描述似乎也不正确。The The The 方法并不总是用
浏览 110提问于2016-11-15得票数 73
回答已采纳
2回答
数据不存储在redux中。
reactjs、redux
我试图用另一个redux调用扩展我的前端代码，但是数据没有出现在存储中。
这是存储定义
const store = configureStore({
reducer: {
login: loginSlice.reducer,
cart: cartSlice.reducer,
product: productSlice.reducer,
notification: notificationSlice.reducer
}
});
这是一块
const productSlice = createSlice({
n
浏览 8提问于2022-07-21得票数 0
回答已采纳
2回答
什么时候需要使用状态管理？(Angular、React、Vue)
javascript、angular、reactjs、vue.js、frontend
我是一个初级前端开发人员。我的公司是一家小公司，几个月前就开始使用Angular了。包括我在内，我们的前端应用程序是由两个人编写的。
所以这是一个一般性的前端框架问题，真的。您何时真正意识到您的应用程序需要使用状态管理库？在组件中编写业务逻辑是不是很糟糕？？
这是一个特定于Angular的问题:因为Angular有DI，为什么使用第三方redux-like中央存储(NGRx，NGRx)而不是每个模块的可观察服务？
浏览 2提问于2020-02-02得票数 3
1回答
如何使用redux实现基于插件的体系结构
reactjs、redux、react-redux、redux-thunk
我正在开发一个web应用程序，用户可以订阅可用的功能，所有这些功能都会对用户的行为产生一定的影响。我使用redux来执行异步操作。
例如：用户可以从产品列表中选择要购买或销售的产品，这就触发了一个名为userIntention的减速机，在该减速机被称为createProductForm减速机之后，它将显示产品表单和产品信息。用户可以订阅推荐、最优惠等功能，可以修改标签、价格等产品属性的某些参数。我想以这样一种方式来实现这一点:如果触发createProductForm，减速器将动态地收集建议、最佳交易等方面的数据，并基于这些结果，它将形成用户产品表单。
我们希望让多个开发人员在不同的特性上工作
浏览 0提问于2018-10-30得票数 3
1回答
反应:在浏览器中缓存应用程序状态的推荐方法是什么，以尽量减少对后端的请求量？
javascript、reactjs、caching、redux、browser-cache
在我目前的工作中，我遇到了一个问题，在这个问题上，应用程序似乎提出了一些我认为可以避免的额外请求，并且为了更好的性能优化了应用程序。
我们的技术栈是：类型记录+ React + Redux (普通的，而不是Redux-Toolkit)
我希望取得以下成果：
相同的依赖值不应导致页面的重新呈现，并向后端提出新的请求。
当用户在应用程序的页面之间切换回先前打开的页面时，每次打开该页面时都会发出一组相同的请求。
就我所知的(1)问题而言，我可以使用useCallback，、useMemo、和进行一些优化，但是，试图为(2)问题找到一个合适的解决方案，我遇到了各种各样的选项:从手动设置一些逻辑，或者使
浏览 6提问于2022-10-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
