javascript - 如何在映射的Promise中一一修改UseState数组

我有
const [items, setItems] = useState<any[]>(itemsB.map(() => ({ loading: true })));
和

itemsB.map(async (itemB: any, index: number) => {
    searchItems(itemB).then(result => {
        const newItems = [...items]; // Ref A
        newItems[index] = result;
        setItems(newItems);
    })
})

因为内部函数是异步获取的，所以项以不可预测的顺序返回，我想在它们准备好后立即将它们添加到items中，以实际结果更改占位符加载对象。几乎可以做到这一点，但是在Ref A引用的items不会更新，因此它会循环更改所有内容，最后仅显示要检索的最后一项。

如果我执行Promise.all().then()，它会一直等到检索到所有项目以执行then部分，因此我想知道如何在解决项目时设置项目。

最佳答案

批量调用setItems以优化性能。如果以前的状态依赖于当前状态，请使用setItems的重载版本，该版本将previousState作为第一个参数。

searchItems(itemB).then(result => {
        setItems(items => {
                  const newItems = [...items]; // Ref A
                  newItems[index] = result;
                  return newItems;
        });
})

关于javascript - 如何在映射的Promise中一一修改UseState数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59598098/