基於Taro開發小程序筆記--07修改state的任意數據

 

<Input onInput={this.inputHandler.bind(this)}/>

this.state = {
      current: 0,
      tabObj: {title: '未使用'，text:'已使用'},
      dataList: [
        {name: 'jack', age: 28},
        {name: 'rose', age: 18}
      ]
    }

 inputHandler(e) {
    this.setState((preState) => {
     //修改基本類型數據
      preState.current = e.detail.value;  

    //修改某一對象屬性
      preState.tabObj.title = e.detail.value;
    //修改整個對象
      preState.tabObj = {title:e.detail.value,text:'xxx'}

     //修改某一數組對象屬性
      preState.dataList[0].name = e.detail.value;
     //修改某一數組對象全部屬性
      preState.dataList[0] = {
        name: e.detail.value,
        age: 9
      };
      //修改整個數組
      preState.dataList = [
        {
          name: e.detail.value,
          age: 99
        },
        {
          name: e.detail.value,
          age: 88
        },
      ];
    }, () => {
      console.log(this.state.current);
      console.log(this.state.dataList);
      console.log(this.state.dataList);
    })
  }