Добавление товара в корзину React

Я начинающий в React'e, мне нужно что бы по нажатию добавлялся товар в корзину.

Товара пока 3:

тестовый вариант

Тестовый вариант без какого либо стиля:

код


Ответы (1 шт):

Автор решения: Vasily

Вот пример как это можно сделать с помощи хука useState:

const PCart = () => {     
    const initialState = {
      cartData: {
         priceData: [
           {id: 1, priced: 20, desc: "Шампанское"},
           {id: 2, priced: 10, desc: "Вода"}
         ] 
      }
    }
    
    const [state, setState] = useState(initialState)
    
    const onItemAddHandler = () => {
      setState(prevSate => ({
        ...prevState,  
        priceData: [
           ...prevState.priceData,
           // сюда разместите Ваш объект с данными
           // ниже мой mock
           {id: 3, priced: 1, desc: "Спички"}
        ]
      }))
    }

    return <button onClick={onItemAddHandler} value="Купить:" />
}
→ Ссылка