Реагировать на дизайн материала по щелчку элемента списка выделить элемент / активный

Question

У меня есть 2 панели с группой списков на каждой панели. Я использую дизайн материалов.

Проблема: щелкнув первый элемент списка на панели 1, он не выделяется и не меняет style = "success" или не выделяет выделенный список, то же самое для панели 2.

В поисках решения: щелкнув по элементу списка, он должен изменить стиль или активный или изменить цвет фона. Выделите выбранный элемент и удалите его, нажав на другой элемент на соответствующей панели.

оригинальный код

Я хочу вывод, подобный этому Код начальной загрузки . Это было сделано в начальной загрузке, но в поиске решения для материала UI

Answer 1

Вам нужно будет добавить следующие строки

В карточках

selected={card==selectedCard}

в позиции

selected={item==selectedCheck}

Я полагаю, что это должно сработать после этого.