Как правильно сделать рендер массива в React?

Question

[Dosya]

С API приходит некий массив, внутри массива около 5 тыс объект данных и нужно отрисовать в select. Когда делаю рендер массива то приложение зависает на секунду, а в телефонах вообще зависает на несколько секунд. Как сделать правильный рендер чтобы не лагала?

Answer 1

[Alexandroppolus]

Селект на 5 тыс. опшенов? Чертовы наркоманы...

Тебе надо кастомный селект с поиском по первым 2-3 введенным буквам - т.е. чтобы пользователь вводил хотя бы 2 буквы, и только тогда рендерились строки, которые так начинаются.

Или что-то подобное. Смысла вываливать 5-километровую простыню нет никакого

В самом крайнем случае, если без длинного списка не обойтись, то пакет react-window в помощь.

Comments

[Dosya]

Селект на 5 тыс. опшенов? Чертовы наркоманы...

Я понимаю, но что поделать, если заказчики так хотят

[Dmitry Bay]

Dosya, 5к записей кушаются ок. подключите select2.

Возможно программно сделать слой для выборки.