React Native：立即更新useState吗？

Question

如何即时useState更新列表？这是我的代码，我想更新userIngredientsList即时消息，以便用户在屏幕上获得新的金额即时消息。

function handleItemAmount(id) {
    userIngredientsList.forEach((item) => {
      if (item.id == id) {
        item.amount = item.amount + 1
      }
    })
    firebase.firestore().doc("ingredients/" + user.uid).update({
      ingredients: userIngredientsList
    })
    setUserIngredientsList(userIngredientsList)
  }

数据库正在运行，但本地列表无效。

Answer 1

您可以使用.map()而不是.forEach()来创建新数组，也可以使用...分配来复制每个项目，因为您无法从{{1} }基于钩子规则。

我将尝试以下操作：

useState