为什么我需要使用扩展操作符和克隆对象来更新react中的对象属性

文章/答案/技术大牛

发布

1回答

javascript、reactjs、redux、react-redux

我只是想知道为什么我需要使用扩展操作符来更新react & redux中的对象属性，例如，我有一个函数，它接受项目列表和我想要修改的项目，如果我按以下语法键入它，它就会起作用 export const{...item , qty : item.qty - 1} : item);

浏览 5提问于2020-08-07得票数 0

回答已采纳

3回答

useState更新状态子数组对象不能工作

javascript、reactjs、ecmascript-6

在我的反应元件中有这个状态-> "empName": null,const depts = { "code": "s123",const [deptSt

浏览 7提问于2019-11-08得票数 1

回答已采纳

2回答

如何在Javascript中一次更改对象的多个属性？

javascript、object、mongoose

我正在尝试使用mongoose更新文档。我想一次更新多个属性。我曾尝试使用扩展操作符来克隆文档并覆盖需要使用用户输入更新的属性，但它返回错误document.save is not a function。我有点理解为什么它会抛出错误。因为它不是同一个

浏览 28提问于2019-07-16得票数 0

回答已采纳

2回答

正确更新React.js状态下的对象而不使用扩展运算符

javascript、reactjs

根据Visual或ReSharper Intellisense，扩展操作符...是一个实验性级别特性，我正在使用ECMAScript 2015：我正在使用Babel，我在传输源中看到了扩展操作符：因此，我试图用Object.assign取代扩展操作符的功能，以更新处于React状态的对象

浏览 2提问于2019-10-14得票数 1

回答已采纳

1回答

使用扩展运算符更新数组的一个对象

javascript、angular、typescript

我想从数组中更新一个对象。这是我当前的工作代码，它正在更新数组中的对象。property is getting updated successfully in the array但是我在这个对象中有很多属性，所以我尝试使用spread操作

浏览 2提问于2022-06-28得票数 1

回答已采纳

1回答

为什么深度克隆我的状态导致ngrx进入一个无限循环，不断调用我的还原器？

lodash、infinite-loop、ngrx、ngrx-store、ngrx-entity

spread操作符来确保我们的状态是不可变的，正如在正式的docs‘部分中的第二个注释：扩展运算符只进行浅拷贝，不处理深度嵌套的对象。您需要复制对象中的每个级别，以确保不可变。有些库可以处理深度复制，包括和。是否知道为什么更改返回的状态(即使用_.deepClone(st

浏览 1提问于2019-08-03得票数 0

1回答

扩展算子与JSON.parse(JSON.stringify(.))对于不可变对象

javascript、redux、react-redux

我正在使用Redux，最近遇到了一个问题，我正在向数组中添加消息，而Redux状态没有发出重新呈现的响应。为此，我正在使用react-redux库。下面是我遇到的问题的一个例子：structure: { messages: {}, groups: {} } newState = { ...prevStat

浏览 3提问于2017-04-20得票数 6

回答已采纳

1回答

在使用svelte/store update方法更新对象时，是否应该使用spread操作符？

svelte、svelte-store

我正在创建一个使用对象来存储数据的存储库。Svelte类似于React吗?在更新对象的状态之前，我应该使用spread操作符来<

浏览 3提问于2019-12-03得票数 4

回答已采纳

3回答

对象复制使用扩展操作符实际上是浅的还是深的？

javascript、json

据我所知，扩展操作符对对象做浅拷贝，即克隆对象引用与原始对象相同的引用。但实际的行为似乎自相矛盾，令人困惑。newObj也是通过更新oldObj来更新的，因为它们引用相同的位置。newWeirdObj = {...oldWeirdObj}; oldWeirdObj //{a:2,b:3} newWe

浏览 2提问于2020-04-25得票数 25

回答已采纳

1回答

React:在react类组件中，是否应该使用!==将nextState与currentState进行匹配

reactjs、components、state

我有一个关于react类组件的问题。我知道functional component是使用react时的最新技术。通常，如果我需要在ShouldComponentUpdate中检查当前状态/属性和下一个状态/属性，以决定组件是否应该根据检查进行更新。在与数组或对象进行比较时，我应该使

浏览 1提问于2021-03-18得票数 1

1回答

React setState更新嵌套对象的字段

react-native、setstate、spread

我在React Native中使用我的应用程序，并且我使用了扩展操作符来保持这个对象来自后端的状态，问题是我不能更新这个大对象中的嵌套对象的字段。示例： { lee: { fee: "y

浏览 23提问于2021-01-19得票数 0

回答已采纳

4回答

TypeScript -为什么地图中使用扩展操作符？

javascript、typescript、typescript2.0

return items.map(item => ({ score: Math.round((item.rate / 100) * 5)我知道它会更改每个对象的但是为什么会有...item它等于这个吗？

浏览 6提问于2019-10-28得票数 1

回答已采纳

1回答

使用same运算符设置状态将更新状态与设置相同对象而不更新状态。

javascript、reactjs、typescript、react-native、react-hooks

我有一个名为initUser的初始对象，它由用户的初始字段组成，如下所示 firstName: '',setUser(initUser);setUser({...initUser}); 它开始工作，虽然扩展操作符非常昂贵，因为它可以复制变量，所以知道

浏览 1提问于2022-03-10得票数 0

1回答

无法定义属性'_getObservable'：对象不可扩展

javascript、windows-runtime、windows-phone、winjs

我将设置为javascript对象的属性：var obj = { file: myFile }; for (var pty in obj)

浏览 0提问于2014-11-25得票数 1

1回答

如何在redux state对象内的数组排序时使React组件重新呈现

reactjs、redux、react-redux

我有一个使用redux进行状态管理的react应用程序。state对象有多个属性，其中一个是数组。当我对state对象内部的数组进行排序时，组件不会重新呈现。以下是示例代码: modifiedState是我的redux状态对象，其中allGroups是一个数组 let arry=modifiedState.allGroups; modified

浏览 8提问于2021-01-29得票数 0

2回答

{ ...action.response }在react.js或redux中这3个点的用途是什么？

reactjs、redux、react-redux

这3个点在react.js或redux中的用途是什么？

浏览 1提问于2020-04-02得票数 1

回答已采纳

2回答

如何在状态数组中更新对象属性

reactjs、react-hooks

所以，我只是在经历一个反应过程。第一次学习这个框架，所以这可能是一个愚蠢的问题。下面是用于更新存储在状态中的对象上的属性的代码，该属性是一个对象数组。据我所知，存储在状态数组中的对象本身是可变的. func

浏览 5提问于2022-04-30得票数 2

回答已采纳

2回答

从子组件中更新React上下文

reactjs、react-context

我无法从子组件更新我的上下文对象。下面是用于创建react上下文的提供程序文件，该组件被包装在根app.tsx文件中的整个应用程序中。 export const

浏览 0提问于2021-10-05得票数 1

1回答

与Immer.js

reactjs、redux、immer.js

现在，如果它变得越来越复杂，并且有带有子对象的对象，我仍然在寻找更新子对象的最佳方法。过去，在更新原始属性之前，我使用lodash来创建对象的“克隆”，并修改了“克隆”。现在我读到，我的解决方案也不推荐。据我所知，您需要创建每个子对

浏览 1提问于2021-09-07得票数 0

回答已采纳

3回答

为什么在React Native component属性赋值中不允许扩展运算符是性能优化？

javascript、react-native

在React Native组件中，如果在属性赋值中使用了扩展操作符，则会出现错误：“在此环境中，赋值的目标必须是对象。此错误是性能优化，不符合规范。”被抛出。例如，在render函数中 return (给出 为什么扩展语

浏览 0提问于2016-01-13得票数 9

点击加载更多