setState 在本机反应中无法正常工作

Question

我想创建一个包含多个对象的对象。数据是这样的

dataList = [{inputFieldId: 1, dataField:{...}, data: '120'}, {inputFieldId: 2, dataField:{...}, data: '120'} ]

什么是这样想要的。

res = [{1: '120'}, {2: '120'}]

我为此编写了一个代码，但它只给了我最后一个对象数据。

  constructor(){
  super()
  this.state = {
  inputValue:{},
  datalist = [],
  }
  }


   async componentWillMount(){
     for(var key in dataList){
        this.setState({
           inputValue: {
             ...this.state.inputValue,
             [dataList[key].inputFieldId]: dataList[key].data
          }
      })
  }     
}

code output = { 2: '120'}

Answer 1

您可以尝试如下代码：

constructor(){
  super()
  this.state = {
    inputValue: {},
    datalist = [],
  }
}


async componentWillMount() {
  const inputValues = [];
  for(var key in dataList) {
    inputValues.push({[dataList[key].inputFieldId]: dataList[key].data});
  }
  this.setState({ inputValue: inputValues });
}