делать.
React, функциональные подход.
Подключил react-router-dom (5-й вроде как).
Меню = отдельный компонент со своим файлом стилей.
Элементы навигации в меню заменил <a> на <Link>,
ушла перезагрузка страниц.
Необходимые сраницы открываются, но слетает стилизация в меню.
Если ресетнуть (F5) отрисованную дочерную страницу, она понятное дело обновляется и применяются стили.
wtf?
Из-за router-а может такое быть?
А как стилизуешь?
кстати, да - руками ) компнонент.js тут же рядом компонент.scss , который подключается непосредственно к копмоненту. А уже сам компонент подключается в корневой компонент (так сказать по цепочке идут)
У Link как стили прописаны?
<nav className={ isTrue ? cn("header__navigation show-mobile-version") : cn("header__navigation") } > <ul className="header__nav-list"> {topMenuList.map( ({ id, titleUa, titleEng, titleRu, url, title }) => { return ( <li className="header__nav-item" key={id} onClick={setIsTrue} > <Link className="header__link" to={url} title={title} > {language === "UA" && titleUa} {language === "ENG" && titleEng} {language === "RU" && titleRu} </Link> </li> ); } )} </ul> </nav> - - - В файле scss стилизация прописана в привязке к классу "header__link". Если Вы это имеете ввиду.
Обсуждают сегодня