Решение задания

Space of React

Решение заданияКорзина покупок — Cоздание React компонентов | Max Roslow | Space of React


const existingItem = cart.find(item => item.id === productId);

if (existingItem) {
    // Товар уже в корзине - увеличиваем количество
} else {
    // Товар новый - добавляем с quantity: 1
}


const updated = cart.map(item =>
    item.id === productId 
        ? { ...item, quantity: item.quantity + 1 }
        : item
);


const total = cart.reduce((sum, item) => sum + item.price * item.quantity, 0);


function ShoppingCart() {
    //...
    
    const addToCart = (product) => {
        //...
    };
    
    const incrementQuantity = (productId) => {
        //...
    };
    
    const removeFromCart = (productId) => {
        //...
    };
    
    return (
        <div className="shop-container">
            <div className="products-section">
                {PRODUCTS.map(product => (
                    <div key={product.id} className="product-card">
                        {/*...*/}
                        <button onClick={() => addToCart(product)}>
                            В корзину
                        </button>
                    </div>
                ))}
            </div>
            
            <div className="cart-section">
                {/*...*/}
            </div>
        </div>
    );
}

Войдите, чтобы смотреть видео

Корзина покупок

Задание