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

Space of React

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


const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
// Результат: [2, 4]


const products = [
    { name: 'Телефон', price: 30000, category: 'Электроника' },
    { name: 'Ноутбук', price: 50000, category: 'Электроника' }
];

const filtered = products.filter(product => 
    product.category === 'Электроника' && product.price < 40000
);


const query = 'ноут';
const found = products.filter(product => 
    product.name.toLowerCase().includes(query.toLowerCase())
);


if (minPrice !== '') {
    // Применяем фильтр по минимальной цене
}


function ProductsFilter() {
    //...
    
    const filteredProducts = PRODUCTS.filter(product => {
        //...
    });
    
    return (
        <div className="products-container">
            <h1>🛍️ Интернет-магазин</h1>
            
            <div className="filters-panel">
                {/*...*/}
            </div>
            
            <div className="products-grid">
                {filteredProducts.map(product => (
                    <div key={product.id} className="product-card">
                        {/*...*/}
                    </div>
                ))}
            </div>
        </div>
    );
}

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

Фильтрация списка товаров

Задание