Задать вопрос
@Danoneko
javascript

Как скрыть элементы списка?

Кратко есть файлик с практически готовым аппом

https://codesandbox.io/s/affectionate-taussig-dz4f...

Хочется, чтобы при загрузке страницы показывались только 3 элемента списка data. А при нажатии "Показать больше" догружалось по 5 элементов списка с задержкой (примерно как в prob'e), но добавление не выходило за список data.

При этом чтобы selectAll работал на все чекбоксы включая скрытые.
  • Вопрос задан
  • 128 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@wonderingpeanut
Добавляем стейт isCollapsed.
Рендерим isCollapse ? list.slice(0,3).map(mapcb) : list.map(mapcb)
пример:
https://codesandbox.io/s/admiring-wood-q4otq3?file...

слайсю прям отфильтрованный список
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Изменить форму от конструктора сайтов
13 мая 2024, в 06:53
1800 руб./за проект
Разработка креативного дизайна для сайта
13 мая 2024, в 06:44
20000 руб./за проект
Разработка смарт контракта для сети Tron
13 мая 2024, в 05:04
2500 руб./в час
Ещё заказы