Дима, привет! Во-первых, прежде чем задавать такие вопросы, выливай коммит, хотя бы в какую-нибудь отдельную ветку (и в комментарии пиши, если это не основная ветка, куда вылил). git push --no-verify Согласись, мне проще будет?
Николай, приветствую! Добавляю такой код: И повесил на: Заменив ссылку на кнопку. В стиле списка городов - display: citiesOpened ? 'block' : 'none', Но возникает ошибка: Unhandled Runtime Error TypeError: Cannot read property 'length' of undefined Source src/pages/_App/Layout/MainMenu/index.tsx (149:33) @ MainMenu 147 | const [opened, openedSetter] = useState(false) 148 |
149 | const toggleMenu = useCallback(() => { | ^ 150 | openedSetter(!opened) 151 | }, [opened]) 152 | Где я не прав?
У меня не получалось заскринить, в убунте встроенный скринсейвер часто виснет с выпадающими менюшками :)
Запутался: здесь внутри const citiesList {citiesList} на 88 строке. А интеграция списка городов сюда тоже {citiesList}. Как это? Это потому что ты еще не освоил замыкания и области видимости переменных :) Ну и потому что я такой плохой - не думаю над уникальностью имен переменных. Вот это первая переменная, которая есть суть выполнения функции useMemo() и которую и надо вывести ниже в меню. А вот это вторая переменная, которая объявлена в теле функции, набиваемая в цикле и возвращаемая ниже в виде пункта меню с подменю.
и надо на базе этого кода сделать выпадающее меню по городам? Да. То есть тебе надо разобраться что тот код делает и адаптировать его под себя, то есть написать похожий код, который будет открывать и закрывать пункты меню.
