Вам необходимо реализовать компоненты выпадающего списка.

Реализуйте компонент DropdownList, аналогичный указанному на рисунке. Для позиционирования выпадающего списка воспользуйтесь контейнером с position: relatvie. Для простоты будем считать, что размер кнопки, при нажатии на которую показывается выпадающий список, фиксированный. Соответственно, вам не нужно через DOM API вычислять размеры и отступы.

Структура компонентов:

• Dropdown — содержит кнопку и DropdownList, внутри себя хранит состояние, показывать или нет выпадающий список;
• DropdownList — содержит список DropdownItem и хранит информацию о текущем выбранном элементе.

Вам нужно:

1. При клике на кнопку показывать и скрывать выпадающее меню.
2. Отрисовывать список на базе массива, хранящегося в памяти, через map.
3. Подсвечивать выбранный элемент в списке, сделайте это на базе inline-стилей.

Подглядеть реализацию показа и сворачивания на чистом JS и CSS вы можете в исходниках, расположенных в этом же каталоге.

Вы можете реализовать эту задачу как с использованием functional компонентов, так и на базе class-based компонентов.

Но мы рекомендуем functional.