A
Size: a a a
2021 June 04
W
Что за цыгански махинации? 😂
C
13
спс уже нашел
13
проблема была в том чтоб достать регуляркой эти двухбуквенные значения
ВИ
Добрый день, я недавно начал изучать реакт. В одном из компонентов в методе componentDidMount добавил строку console.log('componentDidMount '). В консоли браузера при этот запись componentDidMount выводится 3 раза. Как такое может быть не пойму, если метод componentDidMount по теории вызывается только один раз?
СЖ
Всем привет. Нужна ваша помощь. Мне нужно добавить класс активности при клике на определённый пункт меню. В компонентне хедере у меня такая jsx разметка
<nav className="header_wrapper">
<ul className="header-menu">
<li className="header-menu__item"><NavLink to={HOME_ROUTE}>Главная</ NavLink></li>
<li className="header-menu__item"><NavLink to={ABOUT_ROUTE}>О нас</NavLink></li>
<li className="header-menu__item header-menu__item_logo">
<NavLink to={HOME_ROUTE}>
<svg width="133" height="35" viewBox="0 0 133 35" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 0.7H7.75V27.7H19.75V34H0.5V0.7ZM45.548 34.65C42.2814 34.65 39.398 33.9333 36.898 32.5C34.398 31.0667 32.448 29.05 31.048 26.45C29.6814 23.85 28.998 20.8667 28.998 17.5C28.998 14.1 29.6814 11.1 31.048 8.5C32.4147 5.9 34.348 3.88333 36.848 2.45C39.348 1.01667 42.248 0.299999 45.548 0.299999C48.8147 0.299999 51.698 1.01667 54.198 2.45C56.698 3.85 58.6314 5.83333 59.998 8.4C61.3647 10.9667 62.048 13.9333 62.048 17.3C62.048 20.7333 61.3647 23.7667 59.998 26.4C58.6314 29 56.698 31.0333 54.198 32.5C51.698 33.9333 48.8147 34.65 45.548 34.65ZM45.548 28.3C48.2814 28.3 50.4647 27.3167 52.098 25.35C53.7647 23.3833 54.598 20.7667 54.598 17.5C54.598 15.3667 54.2147 13.4833 53.448 11.85C52.7147 10.1833 51.648 8.91666 50.248 8.05C48.8814 7.15 47.3147 6.7 45.548 6.7C43.7814 6.7 42.198 7.15 40.798 8.05C39.4314 8.91666 38.3647 10.1833 37.598 11.85C36.8647 13.4833 36.498 15.3667 36.498 17.5C36.498 19.6333 36.8647 21.5167 37.598 23.15C38.3647 24.7833 39.4314 26.05 40.798 26.95C42.1647 27.85 43.748 28.3 45.548 28.3ZM74.5586 0.7H94.9086V7H81.8086V14.6H92.6586V20.85H81.8086V34H74.5586V0.7ZM115.709 7H106.609V0.7H132.009V7H123.009V34H115.709V7Z" fill="black"/>
</svg>
</NavLink>
</li>
<li className="header-menu__item"><NavLink to={TEAM_ROUTE}>Команда</NavLink></li>
<li className="header-menu__item"><NavLink to={CATALOG_ROUTE}>Каталог</NavLink></li>
</ul
>
</nav>
Не нашёл нормальной инфы в гугле под мой случайD
Парни, кто то сталкивался с генерацией нестандартных турнирных сеток (не парных), тыкните носом куда посмотреть, спасибо
N
используй img вместо svg и в css меняй цвет с помощью filter
y
Вероятно, какой-то из родительских компонентов, а то и сам компонент, удаляется и опять добавляется из-за чего-то. Что заставляет перемонтироваться и все дочерние компоненты
x
там не используется react-router-dom)
x
react-router очень плохая реализация роутинга
СЖ
Ну это ладно, исправлю. У меня есть Главная, О нас, Команда и Каталог. При клике на один из них к классу хедер-меню__айтем должен добавляться ещё один класс эктив. Я не пойму как это реализовать. Посередине находится лого и ему не нужен класс активности
R
Через стейт и onClick
N
className={isActive ? 'active' : ''}
A
Помогите кто-то ради христа
ИЗ
используй classnames. <MenuItem className={cx(classes.menuItem, { [classes.active]: isActive})}
С
Привет, у кого было такое, при npx create-react-app нет папки src и public
