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
          }
       }

可参考链接