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

可參考連接