我有
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一旦准备好，就用实际结果更改占位符加载对象。这几乎做到了这一点，但是 items引用 A 中引用的内容不会更新，因此它会循环更改每个内容，最后仅显示已检索的最后一个项目。
如果我做 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/