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

可參考鏈接