08-React中setState修改深层对象

发表于 | 分类于 |

方案一(作用于对象中的深层级和第一层级):

1
2
3
4
5
6
7
8
9
10
this.setState({
   list: {
       ...this.state.list,
        objA: {
           ...this.state.list.objA,
                name: 'A1'
              }
            }
          })
  }

方案二(作用对象中的第一层级):

1
2
3
4
let data = Object.assign({}, this.state.list, {objD: 'D1'})
this.setState({
          list: data
})

方案三(作用于对象中的深层级和第一层级):

1
2
3
4
5
6
let data = this.state.list;
data.objA.name = 'A1';
data.objD = 'D1';
this.setState({
        list: data
})