U ovom uparivanju zaslona, Sarah Drasner pridružuje mi se i vodi me kroz neka od mojih prvih učenja React-a. Bavimo se nekim funkcijama u stvarnom svijetu: obrazac za komentar.
Ispostavilo se da je ovo bilo vrlo korisno korisničko sučelje za rad, jer je za reagiranje trebalo puno stvari koje su bile temeljne (ili mi se barem čini). Na primjer, glavna „aplikacija“ koja se bavi state(naša velika stvar „država“ jesu sami komentari) i komponente koje se bave prikazivanjem prikaza (na primjer, obrazac za komentar je komponenta, a svaki komentar je komponenta).
Tada smo ušli u puno manjih React stvari, ali i ogromne stvari za razumijevanje u React-landu, poput:
props- način prijenosa podataka između komponenata. Izgledaju kao HTML atributi kada ih pošaljete i stižu kao objekt u obliku this.props.refs- kako izvlačite podatke iz elementa obrasca koji smo stvorili.keys- način jedinstvene identifikacije komponente kada se ponavlja. Ovdje ponavljamo komentare (može biti više komentara), pa ako bismo imali funkcionalnost koja bi mogla promijeniti bilo koji od njih, postojanje ključa je ono što čini React učinkovitim (može samo zamijeniti taj jedan komentar umjesto svih njih) .
Plus tona više!
Evo demonstracije na kojoj smo radili:
Pogledajte Pen o pokretanju reakcijskog formulara komentara Chrisa Coyiera (@chriscoyier) na CodePenu.
Kako izjednačiti svoje React učenje izvan ovoga? Započni ovdje.