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