react setState修改嵌套对象

在react使用setState过程中，难免会遇到复杂的数据类型，，这里还要提醒一下setState 是异步操作行为，需要setState之后的结果做为参数，请求数据的话，可以配合 async await 使用

例如：我们要修改下面的page 而不动limit

request:{data:{limit: 50, page: 1}}

这时我们将使用es6的语法来进行处理

this.setState({request:{data:{...this.state.request.data,page:2222}}})

得到的结果

request:{data:{limit: 50, page: 2222}}

可参考链接

转载于:https://www.cnblogs.com/Dobin/p/10402266.html

react setState修改嵌套对象相关推荐

React中setState修改深层对象
在React中经常会使用到setState,因为在react生态中,state就是一切.在开发过程中,时长会在state中遇到一些比较复杂的数据结构,类似下面这样的: state = {list: { ...
react setState详解
React setState调用的原理 setState具体的执行过程如下: 首先调用setState()函数: ReactComponent.prototype.setState = functio ...
让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
如何使用React Native构建嵌套的抽屉菜单
by Dhruvdutt Jadhav 由Dhruvdutt Jadhav 如何使用React Native构建嵌套的抽屉菜单 (How to build a nested drawer menu w ...
“ Value of nested property ‘teacher‘ is null”内部嵌套对象为空的问题
" Invalid property 'teacher' of bean class [com.deserts.spring.mod.Student]: Value of nested pr ...
el-form表单对象内还嵌套对象，绑定的prop规则校验会失效
继续踩坑~.因为受限于后端返回的数据格式,整个表单是个对象,但是里面还会嵌套对象. 而我们在绑定字段时,自然而然是去绑定最里层的字段. el-form的model是去绑定大的表单对象. 而我这里的表单 ...
React: setState解析
作用更新 State 中的数据因为 React 不允许直接更改 state 中的数据,所以引入了 setState() 方法.当调用 setState 时,会重新执行 render 函数,进而根据 ...
java 嵌套对象转xml_Gson对Java嵌套对象和JSON字符串之间的转换 | 学步园
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,具有良好的跨平台特性.近几年来已经和XML一样成为C/S架构中广泛采用的数据格式.有关JSON的更多知识, ...
excel html modify,在Excel 2010中修改Series对象上的Z-index(Modify Z-index on Series object in Excel 2010)...
在Excel 2010中修改Series对象上的Z-index(Modify Z-index on Series object in Excel 2010) 我正在使用excel 2010. 我有一个 ...
[JS] 修改Navigator对象
在Js中,对于普通的对象,你可以通过下列方法来增加/修改/删除一个实例属性 obj = new Object; // 增加属性 obj.name = 123; // 修改属性 obj.name = 3 ...

react setState修改嵌套对象

react setState修改嵌套对象相关推荐

最新文章

热门文章