Back to Question Center
0

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

1 answers:
Zûtirîn biceribînin: Çawa ku bi Formên Têkilî Di React (Bixwe)

Karûbarên Bi Reformên Karûbarê Bi Karûbarên Têkilî Bi Têkiliya Zûtirîn, bi destek li ser pirtûka Azat Mardan e ku her kes dixwaze ku zû Semalt hîn bibin.

Di vê gotarê de çawa tête ku çawa veguhestina nivîs û inputê bi hêsanên din ên wekî input, textarea, û vebijêrê ve bigire. Ji bo bikarhênerên xwe ji bo pêşveçûnên malperê girîng e, ji ber ku ew destûr didin ku daneyên daneyên xwe (daneyên nivîskî) û çalakiyên (eşkere.

Koda çavkaniyê di vê gotarê de di çarçoveya de peldanka ch07 ya sîteya GitHub di azat-co / re-zûtirîn de ye. Hin demjimêr dikarin li http: // rekêşî - restaurant pub chairs. co / demos.

Heke hûn vê postê kêfxweş bibin, hûn dikarin her weha kursên me bibînin Kursên Reform ên bi Redux re.

Rêwira Pêşniyardariya Bi Formên Reformê

Heya HTML-rasterast, dema ku em bi elementek anîn karê, DOM-ê rûpelê ku nirxa hêla di DOM-DOM'ê de diparêze dike. Vê guman dikare ji hêla rêbazên mîna belgeyên bi rêjeya xwe re bigihîjin. getElementById ('email'). nirx , an jî bi rêbazên jQuery bikar tînin. DOM-dravê me ye.

Li Baweriyê, gava ku bi formên an an jî bikarhênerên din yên têkildar re dixebite, wekî wekî qadên nivîskî an qonaxên diranan, pêşveçûnên pirsgirêkek balkêş e ku çareser bikin. Ji belgeyên Semalt:

Divên beşên semalt divê di demekê de her dem bi nêrînek nîşan bidin û tenê ne di destpêkêkirinê de.

Semalt hemî tiştên hêsan ên hêsan ên ku ji hêla UIs vebigirin bi hêla bikaranîna şêweyên nîqaşan ve ye. Semalt UI, qonaxa dawî, û ew çawa çawa ye.

Hûn dikarin şer nakin? Di elementên HTMLê yên kevneşop de, dewleta elementên wê bi bikarhênerê veguherînin biguherînin. Semalt behsa nêzîkî UI. Pêdivî ye ku pêdivî ye ku dînamîk bi awayek rastîn nîşan bide.

Ger pêşniyarvanên bijartî ne ji bo parastina dewletê (JavaScript in), an jî nabe ku bi vê nêrînê re were synchron kirin, wê yekê pirsgirêk zêde dike: Heke rewşeke navxweyî û dîtina cûda cuda ye. Têgihîştin dê di derbarê guhertina dewletê de nizanin. Ev dikare hemî her tengahî dibe, û felsefeya hêsan a React. Pratîka herî baş e ku di bin demên rastîn a DOM rastîn de nêzî de veguherînin Reforma (û) û di nav deverên forman de pêk tê.

Vê nimûne nimûneya qada nivîskî. Têgihiştî divê nirxa nuh di wê de pêşkêş dikin ji bo vê beşê. Ji ber vê yekê, em hewce ne ku ji bo hêja nirxa nirxê me ya hêla nû binirxînin. Heke ku em her tim li qada qezenc dikin, her dem herdem di HTML de, Reform dê li DOM-ê rast e ku bihevre bike . Bêguman dê bikarhênerên ku bi nirxa nirxê veguherînin destûrê bidin. Bi xwe biceribîne. Ew ji min qirêj dikim, lê ev ravek baş e ku React!

   
rendering {vegerin }

Kodê jor li her dewletek temaşe dike, û nirx dê her tim "Birêz ". Bi qadên inputê, divê bersivên bikarhênerên keystrokes biguherînin. Semît van van xalên din, em bihêle dînamîk.

Ev pêkanîna çêtirîn e, çimkî ew ê ji Dewletê nû werin nûkirin:

   
rendering {vegerin <şîfreya input type = "text" name = "title" value = {ev. rewş. title} /> }

Nirxa dewletê çi ye? Têgihiştin ku bikarhênerên bikarhênerên hêmanan binivîse. Pêşveçûn divê hewce bike ku çalakiyek çalakker bikin ku ji bo guhertina li ser guhertina veguherînin.

     handleChange (event) {ev. setState ({title: event target target value}}}render    {vegerin  <şîfreya input type = "text" name = "title" value = {ev. rewş. title} onChange = {ev. handleChange. jpg "alt ="Zûtirîn Bi Zûtirîn: Çawa Karûbarên Rûsyayê Bi ReactZûtirîn Bi Zûtirîn: Çawa Karûbarên Formên Têkilî Bi Reactî Tê Têkilî:
jQueryTools & 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.

Zûtirîn Bi Zûtirîn: Çawa Karûbarên Rûsyayê Bi ReactZûtirîn Bi Zûtirîn: Çawa Karûbarên Formên Têkilî Bi Reactî Tê Têkilî:
jQueryTools & Semalt

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 elementek hevpar de hevpar e.

Piştre Pêwîst e. Ew bi tevahî baş e ku ji hêla bikarhênerên hêsan ên hêsan ên hêmanên hêsan bikar bînin. Di UAE de bêtir tevlîhev, pêşveçûnê dikarin gelek komên elementan li ser peldanka yekane hene. Di vê rewşê de, hişmend e ku ji bo her grûp ji bo bikar bînin. React li HTML , û her çi qaîdeyên ku em ji bo React's 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î)
March 1, 2018