【react】react动态修改多级对象数值解决办法集合

发布时间:2022-01-17沉默小管-技术博客【react】react动态修改多级对象数值解决办法集合 1111 2

原文地址: https://www.php-china.com//detail/99

话不多说，直接上代码。如果又不懂得，请留言。
```javascript
class xx extends React.Component {
	constructor(props) {
	    super(props)
	    this.state = {
	      curChoose:"a",
	      a: {
	        b01: {
	          c01:1111
	        },
	        b02: {
	          c01:2222
	        }
	      },
	    }
	  }
	  componentDidMount(){
	  	//方法一：
			this.demo01();
		//方法二:
			this.demo02();
	  }
	  demo01=()=>{
	  //curChoose根据实际项目需求动态变化
	  	let curChoose = "b01";
	  	//深拷贝
	  	let copyData = JSON.parse(JSON.stringify({ ...this.state.allData }))
          copyData [curChoose] = {
            c01:"你很牛掰哦",
          }
          this.setState({
            a: { ...copyData },
            curChoose
          }, () => {
            console.log(this.state.a, "我在这里");
          })
	  }
	  demo02=()=>{
	  //curChoose根据实际项目需求动态变化
	  	let curChoose = "b02";
	  	let keyData = "allData".curChoose;
	  	this.setState({
            [keyData]: {
              c01:"你很牛掰哦6666",
            },
            curChoose
          }, () => {
            console.log(this.state.a, "我在这里666");
          })
	  }
}

```