Új hozzászólás Aktív témák

• K1nG HuNp őstag

  #7274 2019-07-03 22:56:19

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  K1nG HuNp

  őstag

  Nekem a Reactal kapcsolatban az overengineeringel van ki a öm.
  Mai példám rá:

  interface ListItem {
to: string,
icon: IconProp,
text: string
}

const SpreadListItems = (array: ListItem[]) => {
return array.map((item, index) => (
<li key={index}>
<Link to={item.to}>
<Icon icon={item.icon}/>
{item.text}
</Link>
</li>
)
)
};

const MenuLinks: ListItem[] = [
{to: '/search', icon: 'search', text: 'search'},
{to: '/favorites', icon: 'heart', text: 'favorites'},
{to: '/cart', icon: 'shopping-cart', text: 'cart'},
{to: '/login', icon: 'sign-in-alt', text: 'sign in'}
];

... majd komponensen belül ...

{SpreadListItems(MenuLinks)}

  Szerintem nem egészséges az, hogy mindent ennyire absztraktan kell csinálni, viszont egy jó fapados minden elemet kézzel beírt html kódot meg nem mernék felrakni a githubomra mert kiröhögnek

Új hozzászólás Aktív témák