在 setState 中使用 for 循环中的索引

Question

我正在创建一个动态 object 所以这是 for 循环：

for (let i = 1; i <= numOfPages; i++) {
    setDefinedPages(prevState => ({...prevState, i: {limit: partLimit, start: i }}))
}

这个想法是让definedPages state object 类似于这个例子：

1: {
  limit: 5,
  start: 1
},
2: {
  limit: 5,
  start: 2
}

但是我不能在 setState 中访问i ，object 字面上写的是i没有任何值。 我也试过：

setDefinedPages((prevState, i) => ({...prevState, i: {limit: partLimit, start: i }}))

但没有任何影响，我想这可能是由于 setState 钩子的 scope 导致的预期行为。 是否有任何解决方法可以捕获当前索引？

任何帮助表示赞赏，欢呼

更新：就在点击发布问题之前，我发现这可能是由于循环内的关闭。 我仍然无法让它工作。

Answer 1

尝试这样的事情：

const ObjectArray = [];
const numOfPages = [1,2,3,4];
let x = 0;
numOfPages.map((el,i) => {
  ObjectArray.push( {limit: "5",start: i })
  x++;
})
console.log(ObjectArray);
console.log(ObjectArray[0])
console.log(ObjectArray[1])
...
setDefinedPages(ObjectArray);