NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: js-react character sheet chyby v kodu

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:2.5.2021 15:59

Muzete mne to nekdo zkouknout a opravit, co je spatne, non-like react?
https://mlich.zam.slu.cz/…r/index2.htm

Co mi tam zatim nejde, tak se peru s inputText polickem, aby jej mohl uzivatel prepisovat a soucasne, aby slo natahnout charakter ze sablony, link dole Peter Lubo. Jednou funguje pouziti defaultValue, pro druhy pripad jen value, ale oboji najednou mi zatim nefungovalo.

Mno, a pak mi tam vypisuje jakousi chybu, ze neni uniq key, ci co. Ani nenapise detaily, jaky key nebo tak.
Jen jsem dohledal, ze se to tyka prvni attBar (attribute) a ze se to vypisuje pri renderovani celeho toho prvku. Ale nevypisuje se to pri tech ostatnich. A ty jsou resene uplne stejne, coz mi prijde jako dost hodne divne. Ale cast kodu jsem prepisoval, aby byl vice like-react, takze jsem mohl nekde udelat chybku.

A pak je tam treba jeste zapracovat dalsi veci, ohledne priorit, pokud nekdo vampire znate. To zatim neresim. Zatim spis premyslim, jak to realizovat. Zda selectem nebo tam dat radio buttony nebo jinak...

Zkusil jsem: .

Chci docílit: .

 
Odpovědět
2.5.2021 15:59
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:5.5.2021 16:06

Asi se mi to podarilo uz vyresit.

Problem spociva v tom, ze react nektere veci propojuje a automatizuje. A kdyz to proste neznate, tak nevite o jinem reseni, nez nabizeji forka.

  • setState, kdyz se zavola, tak spusti soucasne prekresleni komponenty.

(toho jsou plna forka a navody)

  • setState, ale neumi pracovat se strukturovanym polem, musi se ta operace provest zvlast.

    (to uz se hleda hur, spis jsem stravil asi hodinu hledanim a zjistovanim, ze se stav neupdatnul a ze to neni chyba kodu, ale chyba funkce; a plna forka jsou ruznych reseni, v dokumentaci plugin pro funkci update(), treba, kdyz uz teda vite, co hledate :) )

  • A nebo je mozne pouzit this.state.le­vel1.level2.le­vel3 = neco, ale pak je nutne pouzit this.forceUpdate(). Coz se na forkach dost blbe hleda. takze, uz mi funguji i ty inputy nahore, prepisuji se a zle dole prepinas postavu Lubo, Peter.

Ted jeste vyresit ten problem s prvnim attBar, ze to pise do konzoly nejaky error :)

Editováno 5.5.2021 16:08
 
Nahoru Odpovědět
5.5.2021 16:06
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.