Kódím.cz
3

Práce se stavovými hodnotami

Půjdeme víc do hloubky ohledně reprezentace stavu v komponentách pomocí různých typů hodnot

2
Tagy

Vyrobte v Reactu komponentu TagCloud, která bude umět zobrazovat tagy jako na obrázku.

  1. Založte novou React aplikace a vytvořte komponentu TagCloud.
  2. Tagy uložte do stavu tags jako pole řetězců.
  3. Přidejte do komponenty formulář s textovým políčkem, pomocí kterého bude možné zadat nový tag. Při odeslání formuláře přidejte nový tag na konec pole ve stavu tags. Dejte pozor, aby pole zůstalo immutable. Při přidání tagu vždy vyrobte pole nové pomocí spreadu.
  4. Přidejte do komponenty tlačítko, které odstraní první tag ze seznamu. Opět zachovejte imutabilitu stavu.