Как я могу создать полностью настроенный раскрывающийся список сортировки в React (вместо стиля по умолчанию)?

Сообщение Anonymous »

Я пытаюсь создать раскрывающийся список сортировки для своего списка продуктов в приложении React.

Параметры сортировки такие:
  • По умолчанию
  • A – Z
  • Z – A
  • Цена: низкая – высокая
  • Цена: высокая – низкая
Мой первый подход заключался в использовании обычного элемента с тегами , но мне очень сложно правильно оформить раскрывающийся список с помощью CSS/SCSS, браузеры применяют свои собственные стили, и я не могу стилизовать Раскрывающийся список .

Код: Выделить всё

Default
A → Z
Z → A
Price: Low → High
Price: High → Low
Мне хотелось бы создать раскрывающийся список с собственным стилем, похожий на мой дизайн (например, стилизованную кнопку или элемент div, при нажатии на который отображается список параметров).
Я подумал об использовании набора кнопок с обработчиками onClick вместо
Какой наиболее подходящий или рекомендуемый способ создания раскрывающегося списка с пользовательским стилем для сортировки элементов в React?

Должен ли я:
  • Создать собственный компонент раскрывающегося списка с нуля (например, с использованием обработчиков div и onClick)?
  • Или есть простой способ стилизовать собственный элемент ?
Я использую React и SCSS.

Подробнее здесь: https://stackoverflow.com/questions/798 ... ead-of-the