Как создается dropdown-навигация на react?

Question

[CHtommy]

Здравствуйте, интересует вопрос, как создается навигация с dropdown-меню.
Как я понимаю в первом массиве создается родительская вкладка и при нажатии на нее выпадает dropdown.
example: test
Вытягиваю useRef для открытия меню, но вот не могу понять, как мне сравнивать и выводить элементы, согласно моему атрибуту... Если есть другие варианты, то хотелось бы их услышать... В голове пока не укладывается, как правильно это сделать...
upd: насколько мне известно в 15-16 реакте можно вытягивать дефолдные атрибуты и они имеются в пропсах (если смотреть через devtools react) через useRef, но вроде как нельзя использовать useRef в .map() т.к к 5 разным элементам присваивается тот же ref.

Answer 1

[Антон Горецкий]

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

Comments

[CHtommy]

Мой вопрос состоит в том примере, где 2 разных массива данных и атрибут по которому отображаются данные и это даст то, что я смогу в dropdown пилить все, что угодно.
А то, что есть на YT - я смотрел и решения там примитивные с одним массивом данных причем еще и вложенным. т.е с таким успехом можно вообще взять ant & MUI и за 2 минуты запилить dropdown без проблем, но мне это не нужно. Банальный пример на сайте mos.ru - в devtools имеется ровно такое же меню, которое имеет два div и через атрибуты подключает одно из...

Все что я хотел услышать - это реализацию данной схемы JS(react). т.к мне сложно понять то, как это делается...
Спасибо за совет!

[Антон Горецкий]

CHtommy, вы делаете, какую-то одному вам понятную дичь. А не получается у вас потому, что вы пытаетесь впихнуть в одну функцию большую логику и всю функциональность. Разбейте свой компонент на более мелкие, разделите задачи между ними и решение само придет к вам и станет очевидным.

[CHtommy]

Антон Горецкий, спасибо, сейчас попробую