Почему 1 элемент Stat'а пустой?

Question

[DeniSidorenko]

Добрый день, есть такой код

const [item, setItem] = useState({
    id: null, name: "", price: "", weight: ""
  })
  const [cart, setCart] = useState([])


  const addToCart = (id, name, price, weight) => {
    setItem({item, id:id, name:name, price:price, weight:weight})
    setCart(cart => [...cart, item])
  }

При клике на товар добавляю его в cart, а сам cart методом map вывожу в боковой панели. Есть проблема что при нажатии на продукт в cart 1 элементов встает item с Default значениями что я задал для InitialState item

Comments

[G F]

Используй в setItem функцию тоже

Answer 1

[Pavel Shvedov]

Для setCart нужно использовать useEffect с зависимостью от item, так как добавление в корзину это по сути сайд эффект установки нового item, в данном случае

Answer 2

[real2210]

Обновление стейтов в реакт асинхроно происходит