иконок социальных сетей , нужно их отобразить, но если какие-то из них указаны в профиле юзера, то подвесить цветом(достаточно bool кинуть внутрь)
const socialIcons: ISocialIcon[] = [
{
name: "instagram",
icon: <InstagramIcon/>,
}, {
name: "youtube",
icon: <YoutubeIcon/>,
}, {
name: "twitch",
icon: <TwitchIcon/>,
},
];
const userSocial: string[] = [
"youtube",
"instagram",
];
найти не сложно, но вот как при этом кинуть нужную пропсу в нужный компонент?
кейсом пробовал?
на каждый кэйс ставить стрингу(инст/твич/ютуб), внутри искать и сетить компонент с результатом поиска ? не пробовал, спасибо
userSocial.map(i => i === icon.name ? <Icon is={true}/> : <Icon />)
вот это интересно, спасибо большое
React.cloneElement или держать в массиве/объекте компоненты
Обсуждают сегодня