react setState如何修改深层次的数据

Question

data: [
    {
      id: '111',
      name: 'test 001',
      price: '222',
      money: '23232',
      numList: [
        {
          num: ['1', ''],
          price: 12
        },
        {
          num: ['', '999999'],
          price: 13
        },
        {}
      ]
    },
    {
      id: '111',
      name: 'test 001',
      price: '222',
      money: '23232',
      numList: [
        {
          num: ['1', ''],
          price: 12
        },
        {
          num: ['', '999999'],
          price: 13
        },
        {}
      ]
    }
  ]
  
  

我想修改data[0].numList[0].num[1],修改之后在赋值给data 怎么搞

Answer 1

let data = this.state.data
let newData = data[0].numList[0].num[1] = 111
this.setState({
    data:newData
})

Answer 2

为保证 react 能够追踪 state 更新前后的状态，推荐使用 use-immer
https://github.com/immerjs/us...
demo：https://codesandbox.io/s/l97y...