T
Size: a a a
T
С
С
СЖ
F
A
СЖ
<Header onClickLinks={(name) => alert(name)} links={[
'Главная', 'О нас', 'Команда', 'Каталог'
]}/>
а в самом компоненте хедер, такой кодconst Header = ({links, onClickLinks}) => {
const state = useState(null)
const activeLink = state[0]
const setActiveLink = state[1]
<ul className="header-menu">
{
links.map((name, index) => (
<li className = {`header-menu__item ${activeLink === index ? 'header- menu__item_active' : ''}`} onClick={() => setActiveLink(index)} key={name}>
<a href='/'>{name}</a>
</li>
))
}
} вот тут я и использовал стейты, но проблема этого кода в том что тут стоит тег а, а не навлинк и страничка перезагружается что плохо и то что путь статический, что тоже не верно. И логотипа нет посередине. Но тут я и использовал стейтыM
XS
i
i
СЖ
СЖ
i
СЖ
DM

i
СЖ