Zûtirîn Bi Zûtirîn: Çawa Karûbarên Rûsyayê Bi React Zûtirîn Bi Zûtirîn: Çawa Karûbarên Têkilî Di Reformên Têkilî Bi Têkilî Babetê: Toolbox jQuery & Semalt
Dibe ku ev yek di karanîna pêşîn de gelek tiştan bifikirin, lê ez hêvî dikim ku bi hêsantir re tê bikaranîn, hûn ê vê nêzîkbûna mebestê bikin. Ew navê bi awayekî yekgirtî tê gotin, ji ber ku dewlet tenê tenê guhartina guhertin. Vê rêvebirin tune, tenê rêwîtiyek yek ji dewleta ku bibîne. Bi pêvajoyek yek awayî, pirtûkxaneyek dê otomatîk (nimûne) otomatîk nûjen bike. Yek ji serefên sereke yên yekgirtî ew e ku ev pêvajoyek mezin digire dema ku bi bihayên mezin digerin ku gelek nêrîn dikarin bi gelemperî gelek dewletan (modela datasîn) û nûçeyê-versa-2.
Pêdivî ye ku tim her demek kurt nabe. Semalt, wekî di vê rewşê de, pêşveçûnan divê divê kodek bêtir daneyên danûstendinê yên ji hêla dewletê (yên ku tê derxistin) diaxivînin, lê ev nêzîk dibe ku dema ku ew têgehên bikarhênerên yekser û pevçûn-yek-rûpelan tête çêtir dibe. bi xerîbek dîtin û dewletan. Ji bo ku biqewimin bin: hêsan, her tim hêsan e.
Bi awayekî bêdengî, du rêwîtiyek du rêbaz dide xuya dike ku dewletên ku bi pêşveçûna pêşveçûnan eşkere bi awayekî veguherînin wê guhartin. Pêwengê du-rêve ye ku çawa 1 karkeran. Bi balkêşî, Angular 2 tête fikrên yekser ji Semaltê deyn kir û ew danûstendin çêkir (tu dikarî hîn eşkere bi awayekî zelal in her du awayî heye).
Qursên Pêşniyar
Ji bo vê yekê, em ê nêzîkbûna pêşniyarên karûbarên bi yekemên formên pêşîn vekin. Semalt bi cîhên kontrolkirî tê gotin û garantî dike ku dewlet herdem herdem di hevdîtinê de syncê ye. Rêbazê alternatîf beşek bêguneh e.
Heya niha, em ji bo React ve, ku ji bo guhertina veguhastinê ve dikeve û li Dewleta Semalt 1 tê veşartin ji bo karê herî baş tedbîr kir. Piştre, em bisekinin ka em çawa form û hêmanên xwe binirxînin.
Daxuyanî Forma û Çalakiyên Di React
Em ê bi
elementek dest pê bikin. Bi gelemperî, em naxwazin hêmanên me yên dixwazin di DOM-ê de nebaş dikin. Ev dikare dikare xirab bike ku eger gelek karûbarên cûda yên pêdivî hene. Lê belê, em hêmanên hêman ên ku di çarçoveya
li HTML
element jî pir bistînin. Li gor jimareya HTML5, divê pêşveçûkvanan neyên formên nest (ew dibêjin naveroka naverokê ye, lê bi no
nifşên elementê). elementek forma xwe dikare bûyerên xwe hene. Semalt sê bûyerên ji bo formên Semalt DOM-standard ên piştgirî dide piştgirî dike:
-
ser guhertina
: Dema ku guhertineke li her yek ji hêmanên hêman ên formê ye. -
li ser înternetê
: ji bo her guhertinê di 19 (xanî) -
li Submit
: Dema ku formê tête şewitandin, bi gelemperî bi rêya zorê nav bike .
onChange vs vsInput
Reform's li ser guhertina
di her guherînê de, li dijî bûyerê guherîna DOM, ku dibe ku li ser her guherînê nakeve, lê li ser fikar winda kirin. Wekî berê berê tê gotin, React, li Guhertina
li ser her kîtrokê, bi tenê li ser faksê winda dike.
Li aliyekî din, li peymana
li React ve ye ku ji bo DOM li ser Input
, ku her guhertin dişewitîne ye. Tîma Reactasyona pêşîn li ser guhertina
li ser li ser Input
tê pêşniyar kirin.
Rêzeya jêrîn e ku di guhertoya de guherîn
di navbera HTML de guherîn HTML, ew e ku bêhtir (heqê HTML-ê li ser înternetê
) pir zêde e. ser guhertina
li her guhartinê ne û ne ji ber windakirina fikar.
Reactî ya pêşniyarên pêşniyazkirî ye ku ji bo guhertina , bi tenê veguherîna , û tenê tenê bikar bîne
dema ku hûn hewceyê ku ji bo 19 (êvanî) li ser Input hewce bike. Sedem e ku guhertin li ser guhertina
pêvajoya wergirtî berdewam dike.
Qursên Pêşniyar
Çalakiyên nû veguherîn
Ji bilî sê bûyerên jorîn li jorkirî hene,
dikarin bûyerên Reform ên wekî li KeyUp
an jî li ser binivîsin
dikarin bibin. Dema ku divê em ji bo tevaya form (grûpek hêmanên hêman) pêk anî bûyerên formên kar bikaribin kar bikin.
Wekî nimûne, ew UX baş e ku bikarhênerên ku di danîna têkildarî de bikevin nav xwe (bifikirin ku hûn ne di qada textarea de, di rewşê de bibin nav line). Em dikarin guhdarî bibin formê bûyer ji bo guhdarvanek bûyeran çêbikin ku ji bo vê yekê têkoşîn dike. handSubmit .
(5 9) handleSubmit (event) {.}render { form> }
Ji kerema xwe em bisekinin : Divê em ê hewce bikin ku karûbarê
karûbarê derveyî pêşkêş dikin, wek ku em bi bûyerek din re bikin. Li ser peymanê nayê guhertin ku React hewce ye, û hûn dikarin her tiştê ku hûn bixwazin, heya navnîşê çalak bikin. Ji bo vê yekê, em ê bi peymana herî populer re, ku ji pêşniyarên çalakiyê re peyda dike (peyva 19 destûra dê ji bo rêbazên dersa rastîn cuda bikin.
Ji ber ku bîra xwe, rêbazek naxwazin (dravên bikar bînin), û li dora qirêjên dravî yên bikar bînin (bi awayek rast: EVENT = {ev. METHOD}
) Dema ku çalakiya çalakiyê çêbikin. Ez dizanim ku ji bo hin xwendevanên wê JavaScriptê û yekser e, lê hûn bawer nakin ku çend caran di şaşên van re şaşan de çewtiya dîtina me de di Reactê de ye: em nimûneya fonksiyonê ya fonksiyonê derbas dikin, û em dihêle nirxên wekirxên JSX taybetmendiyê.
Wekî din ku ji bo pêşniyara danûstendinê ya navnîşkirinê ve tête navnîşan bi destê xwe bi guhdarî kiryarî ( li KeyUp
) û kontrola kodê (13 ji bo 154) binivîse ).
(5 9) handleKeyUp (event) {Eger (bûyera keycode == 13) vê vegerê bike. sendData }render {Vegere form> }
Ji kerema xwe bîr nekin ku rêbazê sendata
li cîhek din li cîrê pêk tê ye. Her weha, em ê hewce ne ku avakirina
bûyera hingler di avakar
.
Ji bo kurtkirina, em dikarin li ser formên hêman, ne tenê elementên takekt di formê de hene.
Ji bo vê yekê! Ji bo bêtir, beşa yekemîn ya Reza ya bi lez zûtir bike.
Zêdetir li ser Reactê, Kursa piçûk ya xwe kontrol bikin. Ev qurs dê bingehên pîvanên React û Semalt diqewim, nirxa Semaltê binivîse, û bingehên çêkirina formên bi Bikaranîna Semalt Forman bikin. Ji bilî vê yekê, hûn ê li ser pêvajoyên formên ku bi Forma Semalt ve hatine afirandin, û birêvebirina çewtiyên wan ên çewtiyê têne hîn kirin, da ku hûn bi awayekî bihêztir çêbikin û dema ku hêza parastina dewletê hilbijêrin.