javascript - 在React中动态添加属性到this.state

Question

我正在运行一个映射，该映射动态创建一组组件，其中组件的总数基于数组的长度。每个组件都需要自己的状态值。

因此，如果 map 运行在包含三个项目的数组上...

arr.map((item, index) => {
  const newStateProp = "item" + index;
  return newStateProp;
}

应用程序状态在某个地方看起来像这样...可能类似于您在 React Dev Tools 中看到的...

...
this.state: {
  item0: false,
  item1: false,
  item2: false
}
...

不确定这是否可行...提前致谢。

Answer 1

你可以做这样的事情

newState = {};

for (let i = 0; i < arr.length; i++) {
    newState[arr[i]] = false
}

setState(newState);

这就是你想做的事吗？