通过在React中使用循环来使用setstate

Question

我有两个对象数组。 我想通过遍历这两个数组来设置变量的状态。

我有一个状态，

this.state = {  selectedValue: {} }

我有这两个对象数组，

this.props.untracked.content && `this.props.tracked.content`

我要设定的状态是

this.setState({
        selectedValue: {
          ...this.state.selectedValue,
          [`${resumeId}`]: type
        }
      }

在另一个不需要循环的地方。 现在我需要遍历这两个，然后需要setState，

我做了循环

for (const item of 

[...this.props.untracked.content,...this.props.tracked.content]) {
    this.setState({
     selectedValue: {
          ...this.state.selectedValue,
          [`${item.id}`]: item.value
        }
})    
}

那么，有人可以帮助我吗？ 谢谢。

Answer 1

要做到这一点，最简单的方法是做所有的处理没有setState和使用setState一次底。

Answer 2

当新状态取决于当前状态时，请使用setState（oldState => newState） ：

this.setState(oldState => ({
     selectedValue: {
          ...oldState.selectedValue,
          [`${item.id}`]: item.value
     }
}));

另外最好事先准备所有更新：

const updates = {};
for (const item of 
    [...this.props.untracked.content,...this.props.tracked.content]
) {
    updates[item.id] = item.value;
}

this.setState(oldState => ({
     selectedValue: {
          ...oldState.selectedValue,
          ...updates,
     }
}));