Реагировать на множественные критерии фильтрации

Question

Я создал как магазин, это не для производства, просто для практики.Я хочу фильтровать по критерию (размер, модель), он работает, когда я добавляю модель, нажимаю фильтр, затем добавляю размер, нажимаю фильтр, чтобы фильтровать размеры ..

Проблема, например, в том, что я удаляю все размерыи нажмите фильтр по размеру фильтра, он возвращает все продукты, что было бы хорошо, если бы не было критериев фильтрации вообще, но все еще есть критерии бренда ..

Вот проект Stackblitz: https://stackblitz.com/edit/react-jevhb9

Answer 1

Ваш вопрос можно найти с помощью

{filterArray.length > 0 ? (
      <ProductGrid products={filterArray} />
    ) : (
      <ProductGrid products={products} />
)}

когда приложение отображает содержимое после нажатия на фильтр размера, ваш filterArray пуст и поэтому возвращает массив products, который содержит все ваши данные