主页 / 问题 / 1281440
Accepted
HaZcker
Asked:2022-05-13 17:46:46 +0000 UTC2022-05-13 17:46:46 +0000 UTC

如何在完成多个网络请求时更新状态？

  • 772

state完成所有网络请求后，1 次更新的正确方法是什么？

// idList === ["34563", "123423", "2359239"]

const [itemsList, setItemsList] = useState([]);

useEffect(() => {
  const updatedItemsList = [];

  idList.forEach((id) => {
    const item = doSomeFetch(id);
    updatedItemsList.push(item)
  })

  setItemsList(updatedItemsList)
}, [props.idList])

预期结果：

  • 遍历数组id
  • 为每个服务器向服务器发出请求id
  • 通过它获取一个对象id并将其添加到数组中
  • 完成所有请求后，我们将结果数组放入状态
javascript

1 个回答

  1. Best Answer

    useEffect(() => {

  Promise.all(idList.map((id) => doSomeFetch(id)))
    .then((updatedItemsList) => setItemsList(updatedItemsList))
    .catch(console.error)

}, [props.idList])

    甚至可能更短一点

    useEffect(() => {

  Promise.all(idList.map(doSomeFetch))
    .then(setItemsList).catch(console.error)

}, [props.idList])

    • 4

相关问题