Material-ui List выберите несколько элементов

Как показано в примере документации, вы можете реализовать выбираемый список.

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

В примере использовался метод makeSelectable. Кажется, нет никакой документации относительно этого метода, и я не смог найти ничего существенного в проблемах их проекта git.

Любая помощь будет оценена.


person Nemanja Milosavljevic    schedule 27.04.2017    source источник


Ответы (1)


Создайте переменную состояния selectedItems для отслеживания выбранных элементов списка. ListItem поддерживает checkboxes, поэтому вы можете создать флажок для каждого ListItem, добавить к нему обработчик onCheck и передать ему уникальное значение, чтобы определить, какой флажок установлен, и на основе этого вы можете изменить переменную состояния selectedItems.

В качестве альтернативы вы можете использовать Меню вместо Списка, так как у него есть свойство multiple. Вы можете установить его в true и все.

person Aanchal1103    schedule 03.05.2017
comment
Спасибо за ответ, Анчал. - person Nemanja Milosavljevic; 03.05.2017
comment
Рад помочь :) - person Aanchal1103; 03.05.2017