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

[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