В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React: русскоязычное сообщество

731 membersпожаловаться на группу
2020 February 19

NY

Naimjon Yunusov in React: русскоязычное сообщество
Дорогие разработчики такой вопрос как мне сделать поиск skuId исходя из выбранного параметров товара: https://stackblitz.com/edit/react-gdrred помогите с алгоритмом не как не могу понят как можно организовать подобные фильтры
Stackblitz
react-gdrred - StackBlitz
Starter project for React apps that exports to the create-react-app CLI.
источник
19:41пожаловаться#1
2020 February 20

T

The Fallen Phoenix in React: русскоязычное сообщество
Naimjon Yunusov
Дорогие разработчики такой вопрос как мне сделать поиск skuId исходя из выбранного параметров товара: https://stackblitz.com/edit/react-gdrred помогите с алгоритмом не как не могу понят как можно организовать подобные фильтры
Stackblitz
react-gdrred - StackBlitz
Starter project for React apps that exports to the create-react-app CLI.
Ну я бы сделал так — сформировал регулярное выражение на основе данных фильтра. Им можно быстро пройтись по массиву skus любой длины, применяя к свойству propPath
источник
10:55пожаловаться#2

T

The Fallen Phoenix in React: русскоязычное сообщество
Если производительность не важна, можно проще
источник
10:55пожаловаться#3

T

The Fallen Phoenix in React: русскоязычное сообщество
function parsePropPath(string) {
  return string.split(";")
        .map(it => it.split(":"))
        .reduce((object, [key, value]) => {
           object[key] = value
           return object
        }, {})
}
источник
10:57пожаловаться#4

T

The Fallen Phoenix in React: русскоязычное сообщество
источник
10:59пожаловаться#5

T

The Fallen Phoenix in React: русскоязычное сообщество
Например можно организовать так
источник
11:00пожаловаться#6

T

The Fallen Phoenix in React: русскоязычное сообщество
function skusMapper(item) {
  return Object.assign(item, parsePropPath(item.propPath))
}
источник
11:00пожаловаться#7

T

The Fallen Phoenix in React: русскоязычное сообщество
источник
11:02пожаловаться#8

T

The Fallen Phoenix in React: русскоязычное сообщество
Затем нужно хранить текущий выбор фильтров в некоторой переменной в состоянии.
источник
11:02пожаловаться#9

NY

Naimjon Yunusov in React: русскоязычное сообщество
The Fallen Phoenix
Можете скинут код на редакторе?
источник
11:03пожаловаться#10

T

The Fallen Phoenix in React: русскоязычное сообщество
источник
11:03пожаловаться#11

NY

Naimjon Yunusov in React: русскоязычное сообщество
Сохранил
источник
11:15пожаловаться#12

NY

Naimjon Yunusov in React: русскоязычное сообщество
минуту
источник
11:15пожаловаться#13

T

The Fallen Phoenix in React: русскоязычное сообщество
Это indexjs с редактора. Он не дает че-то мне без аккаунта форк сделать, так что только вот так.
источник
11:17пожаловаться#14

T

The Fallen Phoenix in React: русскоязычное сообщество
Реализация минимальная и самая простая на коленке.
источник
11:17пожаловаться#15

NY

Naimjon Yunusov in React: русскоязычное сообщество
The Fallen Phoenix
Это indexjs с редактора. Он не дает че-то мне без аккаунта форк сделать, так что только вот так.
https://codesandbox.io/s/dazzling-austin-4i8wi?fontsize=14&hidenavigation=1&theme=dark
CodeSandbox
dazzling-austin-4i8wi - CodeSandbox
dazzling-austin-4i8wi using react, react-dom, react-scripts
источник
11:19пожаловаться#16

NY

Naimjon Yunusov in React: русскоязычное сообщество
The Fallen Phoenix
Это indexjs с редактора. Он не дает че-то мне без аккаунта форк сделать, так что только вот так.
Нормальны вариант ведь? и производительность нормальная
источник
11:24пожаловаться#17

T

The Fallen Phoenix in React: русскоязычное сообщество
Ну совсем лажу бы я писать не стал, но можно куда лучше. На тысячах и десятках тысяч товаров это решение начнет лагать
источник
11:26пожаловаться#18

NY

Naimjon Yunusov in React: русскоязычное сообщество
The Fallen Phoenix
Ну совсем лажу бы я писать не стал, но можно куда лучше. На тысячах и десятках тысяч товаров это решение начнет лагать
на  Total found = 1000 вы имеете ввиду?
источник
11:29пожаловаться#19

T

The Fallen Phoenix in React: русскоязычное сообщество
На sku.length > 1000
источник
11:30пожаловаться#20