Фильтрация товаров по категориям [ПРОБЛЕМА]

У меня возникла проблема с фильтрацией товаров по категориям. Моя проблема заключается в том, что я хочу упорядочить мои продукты по "категориям", как я сделал в моем JSON файле. Если покупатель нажмет "Амулеты", то на странице будут показаны только товары с категорией "Амулеты". enter image description here enter image description here enter image description here

Как это сделать? Я думаю, я должен использовать "Filter", но я новичок, поэтому я не знаю, как это сделать. Большое спасибо за любую помощь! Очень признателен!

Я пытался использовать product.filter, но не смог ;/ спасибо за помощь!

есть 2 способа:

  • фильтрация на FE
  • фильтрация на BE

в случае фильтрации в FE:

products.filter(x => x.category == selectedCategory)

Где selectedCategory - это состояние, удерживаемое в useState -> которое изменяется при UI взаимодействии, которое ваш пользователь совершает со страницей.

в случае фильтрации в BE:

  • BE необходимо получить запрос с selectedCategory.
  • Фильтрация данных на основе параметра, переданного фронтендом.
  • Возвращает количество данных - которое поступает от fronted.

then:

input_dict = json.loads(input_json)
filteredDate= [x for x in input_dict if x['category'] == selectedCategory]
Вернуться на верх