Vyrobte v Reactu komponentu TagCloud
, která bude umět zobrazovat tagy jako na obrázku.
- Založte novou React aplikace a vytvořte komponentu
TagCloud
. - Tagy uložte do stavu
tags
jako pole řetězců. - 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. - Přidejte do komponenty tlačítko, které odstraní první tag ze seznamu. Opět zachovejte imutabilitu stavu.