ZdenkaSkupinova / cviceni-ceska-mesta

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

cviceni-ceska-mesta

DÚ 5 Pokračujte v projektu Česká města z předchozího příkladu.

Ve složce src vašeho projektu si vytvořte prázdný soubor cz-cities.js. (některým obr. link nefunguje, a obrrázky mají odlišné rozměry)

Do tohoto souboru zkopírujte obsah souboru cz-cities.js z GitHubu. Soubor obsahuje seznam všech českých měst aktuální k 1. lednu 2020.

Smažte pole cities ve vašem index.jsx a místo něj si imporujte pole cities ze souboru cz-cities.js. V tuto chvíli by měl váš projekt fungovat jako v přechozím příkladu, pouze na stránce uvidíte mnohem více měst než před tím.

Upravte komponentu City tak, aby zobrazovala také okres, do kterého dané město patří. U každého města je odkaz na fotografii z daného města. Do vaší komponenty City přidejte element img a zobrazte u každého města také jeho obrázek. Opět si můžete malinko pohrát se styly, aby stránka vypadala hezky.

About


Languages

Language:JavaScript 99.3%Language:CSS 0.6%Language:HTML 0.2%