Ebben a párosítási képernyőn Sarah Drasner csatlakozik hozzám, és végigvezet a React legelső tanulásain. Néhány „valós világ” stílusú funkcionalitással foglalkozunk: egy megjegyzés formában.
Ez egy nagyon hasznos felhasználói felületnek bizonyult, amellyel működni tudtunk, mivel sok mindenre szükség volt, ami alapvetően fontos a React számára (vagy legalábbis nekem tűnik). Például egy mester „App”, amely a state(nagy „állapot” dolgunk maguk a megjegyzések), és a nézet megjelenítésével foglalkozó komponensek (például a megjegyzés űrlap egy összetevő, és minden megjegyzés egy összetevő).
Aztán rengeteg apró React-dologba keveredtünk, de a React-landban is megértendő hatalmas dolgokba, például:
props- az adatok komponensek közötti továbbításának módja. HTML-attribútumoknak tűnnek, amikor elküldi őket, és objektumként érkeznek a this.props formában.refs- hogyan ragadja ki az adatokat az általunk létrehozott űrlapelemből.keys- egy komponens egyedi azonosításának módja, amikor megismétlik. Itt megismételjük a megjegyzéseket (több megjegyzés is lehet), tehát ha olyan funkciókkal rendelkeznénk, amelyek bármelyiket megváltoztathatnák, a kulcs birtoklása teszi a React hatékonnyá (csupán az egyetlen megjegyzést helyettesítheti az összes helyett). .
Plusz még egy csomó!
Itt van a bemutató, amin dolgoztunk:
Lásd Chris Coyier (@chriscoyier) által a CodePen-en írt Reagálással működő megjegyzés formanyomtatványt.
Hogyan szintezheti ezen túl a React-tanulását? Kezdd itt.