Selles paarisekraanil ühineb Sarah Drasner minuga ja juhatab mind läbi mõned mu esimesed Reacti õppused. Käsitleme mõnda reaalse maailma stiilis funktsionaalsust: kommentaarivormi.
See osutus töötamiseks üsna kasulikuks kasutajaliidese osaks, kuna see nõudis Reactimiseks palju asju (või vähemalt mulle tundub). Näiteks põhirakendus „Rakendus”, mis tegeleb state(meie suur asi „olek” on kommentaarid ise) ja komponendid, mis tegelevad vaate renderdamisega (näiteks kommentaarivorm on komponent ja iga kommentaar on komponent).
Siis sattusime paljudesse väiksematesse Reacti asjadesse, aga ka suurtesse asjadesse, mida React-landil mõista:
props- viis andmete edastamiseks komponentide vahel. Need näevad välja nagu HTML-atribuudid, kui neid saadate, ja saabuvad objektina selle.props kujul.refs- kuidas te oma loodud vormielemendist andmeid välja näete.keys- viis komponendi kordumatuks tuvastamiseks. Kordame siin kommentaare (võib olla mitu kommentaari), nii et kui meil peaks olema funktsionaalsus, mis võiks mõnda neist muuta, muudab Reacti efektiivseks võtme olemasolu (see võib lihtsalt asendada selle ühe kommentaari kõigi nende asemel) .
Lisaks veel tonn!
Siin on demo, millega töötasime:
Vaadake Chris Coyieri (@chriscoyier) pliiatsit Reageeriva kommentaari vormi alustamine CodePenis.
Kuidas oma React-õppimist sellest kaugemale viia? Alusta siit.