list: [{
id: number,
link: string,
title: string,
}]
}
}
const Navigation = () => {
const navigation = useSelector<IState>(({navigation}) => navigation.list)
return (
<nav>
<label htmlFor="menu-toggle" className='point-cursor lg:hidden block'>
<Image src='/static/icons/menu.png' width={24} height={24} />
</label>
<input type="checkbox" className='hidden' id='menu-toggle' />
<div className='hidden lg:flex lg:items-center lg:w-auto w-full' id='menu'>
<ul className='lg:flex items-center justify-between text-base text-gray-700 pt-4 lg:pt-0'>
{navigation.map(n => (
<li key={n.id} className='lg:p-4 py-3 px-0 block border-b-2 border-transparent hover:border-indigo-400'>
<Link href={n.link}>{n.title}</Link>
</li>
))}
</ul>
</div>
</nav>
);
object is of type 'unknown' (navigation), где не так пишу?
Лучше бы скриншотом или хотя бы убрать классы
Navigation - объект Мб имел ввиду navigation.list? А не, все ок, не заметил как он задается
И кажется тип navigation в интерфейсе неправильный. Не уверен, что массив (list) указывают таким образом
ааа. Не видел. Тернарником в иначе null отправлять плохой кодинг считается
тыж вкурсе что типизация не так работает ? не пишется тип на каждый селктор
получается мне изначально либо надо возвращать не пустой массив, либо логику отрисовки навигации менять
а есть хороший пример? В виде статьи и т.д.
Обсуждают сегодня