主页 / coding / 问题 / 78925549
Accepted
JobHunter69
Asked: 2024-08-29 06:54:57 +0800 CST

React：如何指定 useState 设置器的顺序？

  • 772

我正在尝试根据文档 ID 获取文档列表：

const [postReplies, setPostReplies] = useState([]);
useEffect(() => {
        setPostReplies([]);
        for (let i = 0; i < 4; ++i) {
            fetch(document_i)
            .then((data) => {
                setPostReplies((postReplies) => [...postReplies, data])
            })
        }
    }
       
}, []);

我希望数组按照我发送请求的顺序排序，并且每次重置反应状态。

reactjs

1 个回答

  1. Best Answer

    如果您希望数组在每个请求完成后逐个填充，则使用 来i指定插入数据的位置。请注意，这意味着在某些渲染中数组将包含undefined值：

    for (let i = 0; i < 4; i++) {
  fetch(document_i)
    .then(data) => {
       setPostReplies(prev => {
         const next = [...prev];
         next[i] = data;
         return next;
       });
    });
}

    如果您想要等到所有数据都加载完毕：创建一个承诺数组，使用 Promise.all 将它们组合起来，然后等待该承诺完成。

    const promises = [];
for (let i = 0; i < 4; i++) {
  promises.push(fetch(document_i));
}
Promise.all(promises).then(replies => {
  setPostReplies(replies);
});
    • 2

相关问题