Šajā pārī savienotajā ekrāna skatījumā Sāra Drasnere pievienojas man un vada mani cauri dažām manām pirmajām reakcijas mācībām. Mēs pievēršamies “reālās pasaules” stila funkcionalitātei: komentāru veidlapai.
Tas izrādījās diezgan noderīgs lietotāja saskarnes darbs, jo tas prasīja daudzas lietas, kas bija diezgan būtiskas, lai reaģētu (vai vismaz man šķiet). Piemēram, galvenā lietotne, kas nodarbojas ar state(mūsu lielā “valsts” lieta ir paši komentāri) un komponentiem, kas nodarbojas ar skata renderēšanu (piemēram, komentāra forma ir sastāvdaļa, un katrs komentārs ir sastāvdaļa).
Tad mēs nonācām daudzās mazās React lietās, bet arī milzīgās lietās, kas jāsaprot React-land, piemēram:
props- veids, kā nodot datus starp komponentiem. Kad tos sūtāt, tie izskatās kā HTML atribūti, un tie tiek parādīti kā objekts this.props formā.refs- kā jūs izvelkat datus no mūsu izveidotā veidlapas elementa.keys- veids, kā unikāli identificēt komponentu, kad tas tiek atkārtots. Mēs šeit atkārtojam komentārus (var būt vairāki komentāri), tādēļ, ja mums būtu funkcionalitāte, kas varētu mainīt kādu no tiem, reakcija ir efektīva (jo tā var tikai aizstāt šo vienu komentāru, nevis visus) .
Plus vēl par tonnu!
Lūk, demonstrācija, pie kuras mēs strādājām:
Skatiet Krāsa Koijera (@chriscoyier) pildspalvveida pilnšļirces komentāra veidlapas izveidi vietnē CodePen.
Kā jūs paaugstināt savu React mācīšanos tālāk? Sāc šeit.