Kas plaanite osaleda React Intervjuul? Kas teile on plaanitud reageerimisintervjuu? Kas otsite React Intervjuu küsimusi ja vastuseid? Siis olete õigel lehel. Palun lugege läbi kogu meie ajaveeb, et te ei jääks ühestki React Intervjuu küsimusest ilma?

Mis on React? Reageerige on JavaScripti teek. See on avatud lähtekoodiga esiotsa raamatukogu, mis on loodud kasutajaliideste või kasutajaliidese komponentide loomiseks. Reacti kasutatakse üheleheliste või mobiilirakenduste arendamiseks. Seda haldavad Facebook ja üksikute arendajate rühm.

Sisukord

• Kõige populaarsemad intervjuu küsimused ja vastused
• 1. Selgitage mõnda Reacti funktsiooni?
• 2. Kas saate selgitada Reacti piiranguid?
• 3. Kas saate eristada tõelist DOM-i ja virtuaalset DOM-i?
• 4. Kas saate loetleda mõned Limiti olulised eelised?
• 5. Selgitage JSX?
• 6. Kas saate selgitada virtuaalset DOM-i ja öelda meile, kuidas React kasutab kasutajaliidese renderdamiseks virtuaalset DOM-i?
• 7. Kas suudate eristada funktsionaalseid ja klassikomponente?
• 8. Selgitage kontrollitavate ja mittekontrollitavate komponentide erinevusi?
• 9. Millal kasutatakse Reactis peamiselt viiteid?
• 10. Kas saate selgitada seost Reacti ja selle komponentide vahel?
• Reageerige intervjuu küsimustele ja vastustele
• 11. Kas saate selgitada mõningaid Reduxi kasutamise eeliseid?
• 12. Kas saate selgitada HOC eeliseid?
• 13. Selgitage olekuid jaotises React?
• 14. Mis on Reactis puhtad komponendid?
• 15. Selgitage Reactis rekvisiite?
• 16. Miks me kasutame Reactis render()? Seletama?
• 17. Kas saate selgitada, mis on Reduxis pood?
• 18. Mis on Reacti olekupõhine komponent?
• 19. Miks me vajame reageerimiseks ruuterit? Seletama?
• 20. Kas olete Flux in Reactiga tuttav?
• Reageerige intervjuu küsimustele ja vastustele
• 21. Kas saate vahet teha Reactil ja Angularil?
• 22. Kas saate Fluxil ja Reduxil vahet teha?
• 23. Selgitage Reduktorid in React?
• 24. Kas saate Reactis sündmuse määratleda?
• 25. Kas saate Reactis defineerida HOC?
• 26. Kas saate selgitada sünteetilisi sündmusi Reactis?
• 27. Kas saate Reactis selgitada ranget režiimi?
• 28. Millised on Reacti erinevad elutsükli meetodid? Seletama?
• 29. Kas suudad vahet teha olekutel ja rekvisiitidel?
• 30. Selgitage Reacti noolefunktsiooni ja selle kasutusalasid?
• 31. Kas saate loetleda mõned juhud, kui peaksite viiteid kasutama?
• 32. Kas saate selgitada, kuidas Reactis vorme luua?
• 33. Selgitage, kuidas luua sündmust programmis React with code?
• 34. Kas saate selgitada, kuidas Reactis koodi moduleerida?
• 35. Kas saate selgitada olulisi probleeme MVC raamistikuga?
• 36. Kas saate selgitada võtmete tähtsust Reactis?
• 37. Kas saate kirjeldada kolme põhimõtet, mida Redux järgib?
• 38. Kas saate loetleda Reduxi komponendid?
• 39. Selgitage Reduxi toiminguid?
• 40. Kas teha vahet React-marsruutimisel ja tavapärasel marsruutimisel?
• 41. Kas saate meile öelda, miks Reacti ruuteris v4 kasutatakse lüliti märksõna?
• 42. Kas saate loetleda Reacti ruuteri eelised?
• 43. Kas saate selgitada, miks brauserid ei saa lugeda JSX-i?
• 44. Kas saate eristada looElementi ja cloneElementi?
• 45. Kas saate koodiga selgitada, kuidas luua HOC-komponendi jaoks rekvisiitide puhverserver?
• 46. ​​Selgitage IS?
• 47. Kas saate selgitada, kuidas Reactis kommentaare kirjutada?
• 48. Selgitage, mis on Reacti kontekst?
• 49. Selgitage leppimist?
• 50. Mis on Reactis laste rekvisiit?
• 51. Mis on fragmendid rakenduses React?
• 52. Kas saate meile rääkida Reacti portaalidest?
• 53. Kas saate selgitada Reacti v16 veapiire?
• 54. Kas saate selgitada paketi React-DOM kasutamist?
• 55. Selgitage ReactDOMServer?
• 56. Kas saate selgitada, kuidas Reactis tootmisrežiimi lubada?
• 57. Selgitage elutsükli meetodite järjestusi paigaldamisel?
• 58. Kas saate selgitada soovitatud meetodite järjestust komponendiklassis?
• 59. Selgitage React Mixins?
• 60. Nimetage Reactis toetatud kursorisündmused?
• Soovitatavad artiklid

Kõige populaarsemad intervjuu küsimused ja vastused

1. Selgitage mõnda Reacti funktsiooni?

Mõned Reacti funktsioonid on loetletud allpool:

1. React kasutab tegeliku DOM-i asemel virtuaalset DOM-i.
2. React kasutab serveripoolset renderdamist.
3. Reage järgib andmete sidumist või ühesuunalist andmevoogu.

2. Kas saate selgitada Reacti piiranguid?

Reacti piirangud on loetletud allpool:

1. See on lihtsalt raamatukogu. React ei ole täielik raamistik.
2. Kuna react kasutab tekstisisest malli ja JSX-i, muutub kodeerimine keeruliseks.
3. Reacti raamatukogu on tohutu. Seetõttu kulub mõistmiseks rohkem aega.
4. Emakeelsetel programmeerijatel võib olla raske neid mõisteid mõista.

3. Kas saate eristada tõelist DOM-i ja virtuaalset DOM-i?

4. Kas saate loetleda mõned Limiti olulised eelised?

Reacti mõned olulised eelised on:

1. JSX-i koodi tõttu on loetavus suurenenud.
2. See suurendab rakenduse üldist jõudlust.
3. Reacti abil on lihtne kasutajaliidese testjuhtumeid kirjutada.
4. React pakub hõlpsat integreerimist teiste raamistikega, nagu Angular, Meteor jne.
5. Seda saab mugavalt kasutada nii kliendi kui ka serveri poolel.
6. React on SEO-sõbralik.
7. Sellel on õrn õppimiskõver.

5. Selgitage JSX?

JSX ehk JavaScript XML võimaldab meil kirjutada JavaScripti sisse HTML-i ja paigutada need DOM-i, kasutamata selliseid funktsioone nagu createElement() või appendChild().

6. Kas saate selgitada virtuaalset DOM-i ja öelda meile, kuidas React kasutab kasutajaliidese renderdamiseks virtuaalset DOM-i?

Reacti virtuaalne DOM on kontseptsioon, mille puhul virtuaalse DOM-i virtuaalne esitus asetatakse mällu ja see sünkroonitakse tõelise DOM-iga, kasutades selliseid teeke nagu ReactDOM.

DOM-i manipuleerimist peetakse iga veebirakenduse lahutamatuks osaks, kuid see on teiste JavaScripti toimingutega võrreldes üsna aeglane. See mõjutab teiste rakenduste tõhusust, kui tehakse mitu DOM-i manipuleerimist. Siin värskendab javascripti raamistik kogu DOM-i isegi siis, kui DOM-i lihtsat osa muudetakse.

React kasutab kasutajaliidese renderdamiseks peamiselt kahte virtuaalset DOM-i. Kui ühte kasutatakse objekti praeguse oleku salvestamiseks, kasutatakse teist DOM-i objekti eelmise oleku salvestamiseks.

Kui mõnda virtuaalset DOM-i värskendatakse, võrdleb React kahte virtuaalset DOM-i, et teada saada, millist virtuaalset DOM-i värskendati. Värskenduse põhjal renderdab React ainult värskendatud objektid tõelises DOM-is, mitte ei renderda tervet tõelist DOM-i.

7. Kas suudate eristada funktsionaalseid ja klassikomponente?

8. Selgitage kontrollitavate ja mittekontrollitavate komponentide erinevusi?

9. Millal kasutatakse Reactis peamiselt viiteid?

Refs on defineeritud kui Reacti pakutav funktsioon DOM-elemendi ja kasutaja loodud React-elemendi toomiseks. Neid kasutatakse olukordades, näiteks kui soovite muuta alamkomponendi väärtust ilma rekvisiite kasutamata.

10. Kas saate selgitada seost Reacti ja selle komponentide vahel?

Reaktsioonid ja nende komponendid on omavahel seotud. Siin saab Reacti komponente määratleda kasutajaliidese Reacti rakenduse ehitusplokkidena. Kogu kasutajaliidese jagamine väikesteks, sõltumatuteks korduvkasutatavateks osadeks aitab luua Reactsi rakenduse kasutajaliidest.

Reageerige intervjuu küsimustele ja vastustele

11. Kas saate selgitada mõningaid Reduxi kasutamise eeliseid?

Mõned Reduxi kasutamise eelised on järgmised:

1. Sellel on parem koodikorraldus.
2. Sellel on tõhusad arendaja tööriistad, mis võimaldavad arendajatel jälgida kõike, alates toimingutest kuni olekumuudatusteni.
3. Reduxi kood koosneb isoleeritud, puhastest väikestest funktsioonidest, muutes testimise lihtsaks ja lihtsaks.
4. Reduxi koodi on lihtne hooldada.
5. Redux toetab suuremahulist kogukonda.
6. See toetab serveripoolset renderdamist.

12. Kas saate selgitada HOC eeliseid?

Allpool on loetletud mõned HOC eelised:

1. Koodi korduvkasutatavus.
2. HOC pakub pop-manipulatsiooni.
3. See toetab manipuleerimist ja seisundi abstraktsiooni.
4. HOC pakub kõrget häkkimisvõimalust.
5. See toetab loogika ja alglaadimise abstraktsiooni rakendamist.

13. Selgitage olekuid jaotises React?

State in React on JavaScripti objekt, mida kasutatakse komponentide dünaamiliste andmete salvestamiseks. Samuti võimaldab see komponendil jälgida renderduste vahelisi muutusi. Kuna olek on määratletud kui dünaamiline, on see reserveeritud ainult interaktiivsuseks. Seetõttu ei kasutata seda staatiliste React-objektidega.

14. Mis on Reactis puhtad komponendid?

Reacti puhtad komponendid on defineeritud kui komponendid, mida ei renderdata uuesti, kui oleku ja rekvisiitide väärtust on värskendatud samade väärtustega. Komponenti ei renderdata, kui antud eelmise oleku väärtus või hüppab ja uue propi oleku väärtus on sama.

15. Selgitage Reactis rekvisiite?

Props in React on ainulaadne märksõna, mis tähistab atribuute ja seda kasutatakse andmete või teabe edastamiseks ühest komponendist teise ning siin edastatavad andmed on ühesuunalised.

16. Miks me kasutame Reactis render()? Seletama?

Renderdamine Reactis on üks kõige kasulikumaid protseduure, mida programmeerija peab esiotsa arendamisel haldama. Reacti meetod render() on klassikomponendi oluline meetod, mis vastutab brauseriaknas renderdatava konkreetse vaate kuvamise eest.

17. Kas saate selgitada, mis on Reduxis pood?

Reduxi pood on määratletud kui muutumatu objektipuu. Lihtsamalt öeldes on pood olekukonteiner, mis sisaldab rakenduse olekut. Kui Reduxis on pood loodud, peate määrama reduktori. Reduxil võib rakenduses olla ainult üks pood.

18. Mis on Reacti olekupõhine komponent?

Reacti olekupõhine komponent sõltub oma olekuobjektist ja tal on võimalus oma olekut muuta. Komponent renderdab olenevalt selle olekute muutustest uuesti ja võib oma oleku omadused alamkomponentidele rekvisiidiobjekti omadustena edasi anda.

19. Miks me vajame reageerimiseks ruuterit? Seletama?

Reacti ruuter on dünaamiline kliendipoolne marsruutimine, mis võimaldab teil luua ühelehelise veebirakenduse koos navigeerimisega ilma lehe värskendamine kui kasutaja navigeerib. Reacti ruuter kasutab komponentide struktuure, et helistada komponentidele, mis kuvavad asjakohast teavet.

20. Kas olete Flux in Reactiga tuttav?

React Flux on programmeerimiskontseptsioon, kus andmevoog on ühesuunaline. Siin olevad andmed sisenevad rakendusse ja liiguvad ühes suunas, kuni need kuvatakse ekraanile.

Reageerige intervjuu küsimustele ja vastustele

21. Kas saate vahet teha Reactil ja Angularil?

22. Kas saate Fluxil ja Reduxil vahet teha?

23. Selgitage Reduktorid in React?

Reduktorid in React on defineeritud kui funktsioon, mis määrab rakenduse oleku muudatused. Reduktor kasutab erinevuste kindlaksmääramiseks saadud toimingut. Sellised tööriistad nagu Redux aitavad meil hallata rakenduse oleku muutusi ühes poes, et nende käitumine oleks ühtlane.

24. Kas saate Reactis sündmuse määratleda?

Sündmus rakenduses React on toiming, mis käivitatakse kasutaja tegevuse või süsteemi loodud sündmuse tulemusena. Reacti sündmused nimetatakse väiketähe asemel camelCase'iks. JSX-i abil saab funktsiooni stringi asemel edastada sündmuste töötlejana.

25. Kas saate Reactis defineerida HOC?

HOC tähistab kõrgetasemelist komponenti, on Reactsi täiustatud tehnika komponendi loogika taaskasutamiseks. HOC on funktsioon, mis võib võtta komponendi parameetrina ja tagastab uue komponendi. HOC-d võib defineerida kui mustrit, mis on tekkinud Reactsi kompositsioonilisest olemusest.

26. Kas saate selgitada sünteetilisi sündmusi Reactis?

Sünteetilised sündmused Reactis on defineeritud kui brauseriülene ümbris, mis ümbritseb brauseri loomulikku sündmust. Sünteetilisel sündmusel on sama liides, mis brauserite loomulikul sündmusel, sealhulgas meetodid stopPropagation() ja meetod preventDefault(). Siin töötavad sündmused kõigis brauserites identselt.

27. Kas saate Reactis selgitada ranget režiimi?

Reacti range režiim on tööriist mis tahes rakenduse võimalike probleemide esiletõstmiseks. See ei renderda ühtegi visuaalset kasutajaliidest. Seda kasutatakse järeltulijate jaoks täiendavate kontrollide ja hoiatuste aktiveerimiseks.

28. Millised on Reacti erinevad elutsükli meetodid? Seletama?

Iga Reacti komponent peab läbima sündmuste elutsükli:

1. Paigaldamine: seda võib määratleda kui teie komponendi sünnitamist.
2. Värskendus: seda saab määratleda kui teie komponendi kasvu.
3. Unmount: seda saab määratleda kui komponendi surma.

Reacti erinevad elutsükli meetodid on järgmised:

1. render(): React kasutab funktsiooni render(), et tagastada sama väljund alati samade sisendite edastamisel.
2. componentDidMount(): seda meetodit kutsutakse kohe, kui komponent on valmis ja ühendatud, kus saate algatada API-kutseid ja laadida andmeid kauglõpp-punktist. Selle meetodi raames saate muuta ka komponentide olekut.
3. componentDidUpdate(): seda meetodit kutsutakse kohe, kui värskendus toimub. See meetod värskendab DOM-i vastusega oleku või rekvisiitide muudatustele.
4. componentWillUnmount(): see meetod käivitatakse vahetult enne komponendi lahtiühendamist ja hävitamist. Selles etapis saate teha mis tahes puhastustoiminguid.

29. Kas suudad vahet teha olekutel ja rekvisiitidel?

30. Selgitage Reacti noolefunktsiooni ja selle kasutusalasid?

Reacti noolefunktsioon on rohkem funktsiooniavaldiste kirjutamise süntaks. Funktsioon võimaldab kasutajal siduda komponentide atribuudi konteksti. Need on abiks, kui töötame kõrgetasemeliste funktsioonidega.

31. Kas saate loetleda mõned juhud, kui peaksite viiteid kasutama?

Järgmised on mõned juhud, kus peaksite viiteid kasutama:

1. Neid kasutatakse siis, kui peate valima teksti või meedia taasesituse.
2. Viiteid kasutatakse kohustuslike animatsioonide käivitamiseks.
3. Refs on hõlpsasti integreeritav kolmanda osapoole DOM-teekidega.

32. Kas saate selgitada, kuidas Reactis vorme luua?

Reacti vormid on sarnased HTML-vormidega. Siin sisaldub olek komponentide oleku atribuudis ja seda värskendatakse ainult setState() abil. Seega ei saa siin olevad elemendid oma olekut otse värskendada ja nende esitamist käsitleb funktsioon JSX (Javascript XML). Sellel funktsioonil on täielik juurdepääs või kontroll andmetele, mida kasutaja vormi kaudu sisestab.

33. Selgitage, kuidas luua sündmust programmis React with code?

Sündmus Reactis luuakse allpool toodud koodiga.

34. Kas saate selgitada, kuidas Reactis koodi moduleerida?

Reacti kood on moduleeritud impordi ja ekspordi atribuutide abil ning need aitavad ka komponente erinevatesse failidesse eraldi kirjutada.

35. Kas saate selgitada olulisi probleeme MVC raamistikuga?

Allpool mainitud on mõned MVC raamistiku peamised probleemid.

1. DOM-i manipulatsioonid on väga kallid.
2. Mälu raiskamist oli palju.
3. Ringikujulise sõltumatuse tõttu loodi vaadete ja mudelite ümber väga keeruline mudel.
4. MVC raamistikku kasutanud rakendused olid aeglased ja ebaefektiivsed.

36. Kas saate selgitada võtmete tähtsust Reactis?

Reacti võtmeid kasutatakse unikaalsete virtuaalsete DOM-i elementide tuvastamiseks koos nendega seotud andmetega, mis juhivad kasutajaliidest. Nad mängivad olulist rolli Reactis, et optimeerida renderdamist, võttes ümber kõik DOM-i elemendid (dokumendiobjekti mudel). Võtmed peavad olema kordumatu number või string; Nende põhjal korraldab React elemendid ümber, mitte ei renderda neid uuesti, ja võtmed suurendavad rakenduse jõudlust.

37. Kas saate kirjeldada kolme põhimõtet, mida Redux järgib?

Allpool on loetletud kolm põhimõtet, mida Redux järgib.

Üks tõeallikas:Siin salvestatakse kogu rakenduse React olek ühes poes asuvasse objekti või olekupuusse. Selle ühe olekupuu abil on lihtne teatud aja jooksul toimunud muudatusi jälgida ning rakendust siluda või kontrollida.Osariik on kirjutuskaitstud:Ainus viis Reacti oleku muutmiseks on toimingu käivitamine. Jällegi on Reacti toiming lihtne JS-objekt, mis määrab muudatused. Nii nagu olek on määratletud kui andmete minimaalne esitus, on toiming ka nende määratud andmete muudatuse minimaalne esitus.Muudatused tehakse puhaste funktsioonidega:Puhtaid funktsioone on vaja selleks, et määrata, kuidas toimingud olekupuud muudavad. Puhaste funktsioonide puhul sõltub tagastatav väärtus argumendi väärtusest.

38. Kas saate loetleda Reduxi komponendid?

Reduxi komponendid on loetletud allpool:

Tegevus:See on Reduxi objekt, mis kirjeldab juhtunut.Reduktor: See on koht, mis määrab, kuidas olekut saab muuta.Kauplus: kogu rakenduse olek või objektipuu salvestatakse poodi.Vaata:See kuvab lihtsalt poe pakutavaid andmeid või teavet.

39. Selgitage Reduxi toiminguid?

Actions in React peaks olema tüübi atribuut, mis näitab sooritatava toimingu tüüpi. Need tuleb määratleda stringikonstantina ja see võimaldab teil lisada ka rohkem atribuute. Toimingud luuakse funktsiooni Action Creators abil.

Ülaltoodud kood on Actioni ja Action Creatori näide.

40. Kas teha vahet React-marsruutimisel ja tavapärasel marsruutimisel?

41. Kas saate meile öelda, miks Reacti ruuteris v4 kasutatakse lüliti märksõna?

Kasutame erinevate marsruutide kapseldamiseks ruuteri sees. Kasutame lüliti märksõna alati, kui soovime kuvada ühe marsruudi, mida mitme määratletud marsruudi hulgas uuesti renderdada. Kui kasutame märgendit, sobitab see sisestatud URL-i määratud marsruutidega järjestikuses järjekorras. Kui see leiab esimese vaste, renderdab see määratud marsruudi ja läbib seeläbi kõik ülejäänud marsruudid.

42. Kas saate loetleda Reacti ruuteri eelised?

Reacti ruuteri eelised on järgmised:

1. See võimaldab meil aru saada, millised on meie rakenduste vaated standardse struktuuriga kuvamisdeklaratsioonide tõttu.
2. See toetab dünaamilist marsruudi sobitamist.
3. See toetab laiska koodi laadimist.
4. Reacti ruuteri abil saab hõlpsasti hallata pesastatud vaateid ja vaadete järkjärgulist eraldusvõimet.
5. Reacti ruuteri sirvimisajaloo funktsiooni abil saate hõlpsalt edasi-tagasi navigeerida, taastades vaadete oleku.
6. Meeskondadega töötamisel on see kasulik rakenduse standardiseeritud struktuuri ja käitumise tõttu.

43. Kas saate selgitada, miks brauserid ei saa lugeda JSX-i?

Brauserid on loodud lugema ainult JavaScripti objekte, kuid JSX ei ole tavaline javascripti objekt. Selleks, et brauser saaks lugeda JSX-i, peame esmalt teisendama JSX-faili javascripti objektiks, kasutades JSX-trafosid, nagu Babel, ja seejärel edastama selle brauserile.

44. Kas saate eristada looElementi ja cloneElementi?

Funktsiooni React.createElement() kasutatakse elementide loomiseks, mida kavatsetakse kasutada kasutajaliidese (UI) objektiesitusena.

Reactis CloneElementi kasutatakse elemendi kloonimiseks ja rekvisiitide edastamiseks.

45. Kas saate koodiga seletada luua HOC komponendi jaoks rekvisiidid?

Saate lisada või redigeerida rekvisiite, mis edastatakse komponendile, kasutades rekvisiitide puhverserveri mustrit, nagu allpool näidatud.

46. ​​Selgitage IS?

JEST on määratletud kui JavaScripti üksuste testimise raamistik, mille Facebook on välja töötanud jasmiini baasil ja mis pakub automaatset pilkupüüdmist ja jsdom-keskkonda. Seda kasutatakse peamiselt React komponentide testimiseks.

47. Kas saate selgitada, kuidas Reactis kommentaare kirjutada?

Reacti kommentaarid on sarnased JavaScripti mitmerealiste kommentaaridega, kuid need on ümbritsetud lokkis sulgudes.

Meil on Reactis kahte tüüpi kommentaare, nimelt

1. Üherealised kommentaarid.
2. Mitmerealised kommentaarid.

Üherealiste kommentaaride näide:

48. Selgitage, mis on Reacti kontekst?

Reacti kontekst on mehhanism andmete või teabe edastamiseks komponentide puu kaudu ilma algtasemel rekvisiite käsitsi edastamata.

49. Selgitage leppimist?

Leppimine Reactis on protsess. Kui komponendi olek või rekvisiit muutub, peab React otsustama, kas tegelik DOM-i värskendus on vajalik või mitte, võrreldes äsja tagastatud elementi ja varem renderdatud elementi. Kui React leiab, et see pole võrdne, toimub DOM-i värskendamine.

50. Mis on Reactis laste rekvisiit?

Lapsed on Reactis rekvisiit (this.props.childs), kui komponendi olek või tugi muutub, võimaldades tal edastada komponente andmetena teistele komponentidele. Komponentide puu, mis asetatakse komponentide avamise ja sulgemise sildi vahele, edastatakse sellele komponendile alamrekvisiidina.

Allpool on loetletud mõned meetodid, mis on React API-s saadaval rekvisiidiga töötamiseks.

1. React.Children.map()
2. React.Children.forEach()
3. React.Children.count()
4. Reageerida.Ainult lapsed()
5. React.Children.toArray()

Näide lasterekvisiidist

51. Mis on fragmendid rakenduses React?

Reacti fragmendid on tavalised mustrid, mida kasutatakse komponendi jaoks mitme väärtuse tagastamiseks. Fragmendid aitavad meil laste loendit rühmitada ilma DOM-idele täiendavaid sõlmi lisamata.

52. Kas saate meile rääkida Reacti portaalidest?

Reacti portaalidel soovitatakse renderdada lapsed DOM-i sõlmedesse väljaspool emakomponendi DOM-i hierarhiat.

Süntaks:

ReactDOM.createPortal(laps, konteiner)

53. Kas saate selgitada Reacti v16 veapiire?

Reacti tõrkepiirid on komponendid, mida kasutatakse JavaScripti vigade leidmiseks alamkomponentide puus, nende vigade logimiseks ja kokkujooksnud komponentide puu asemel varukasutajaliidese kuvamiseks.

54. Kas saate selgitada paketi React-DOM kasutamist?

Pakett pakub DOM-spetsiifilisi meetodeid, mida kasutatakse rakenduse tipptasemel. Mõned paketi meetodid on loetletud allpool:

1. render ()
2. hüdraat ()
3. unmountComponentAtNode()
4. leiaDOMNode ()
5. loo portaal()

55. Selgitage ReactDOMServer?

Objekt ReactDOMServer võimaldab meil renderdada komponente staatilise märgistusena. ReactDOMServerit kasutatakse peamiselt serveripoolseks renderdamiseks.

Allpool nimetatud meetodeid saab kasutada nii serveri kui ka brauseri keskkonnas.

1. renderda stringile ()
2. renderToStaticMarkup ()

56. Kas saate selgitada, kuidas Reactis tootmisrežiimi lubada?

Peame kasutama veebipakkide DefinePlugin meetodit, et seada NODE-ENV tootmisrežiimile, kus see eemaldab sellised asjad nagu lisahoiatused ja pop-valideerimised.

57. Selgitage elutsükli meetodite järjestusi paigaldamisel?

Elutsükli meetodeid kasutatakse alltoodud järjekorras:

1. ehitaja ()
2. Staatiline getDerivedStateFromProps()
3. render ()
4. komponentDidMount()

58. Kas saate selgitada soovitatud meetodite järjestust komponendiklassis?

Allpool on toodud meetodite soovitatav järjestamine paigaldusest renderdamisfaasini:

1. staatilised meetodid
2. ehitaja ()
3. getChildContext()
4. komponentWillMount()
5. komponentDidMount()
6. komponentWillReceiveProps()
7. shouldComponentUpdate()
8. komponentWillUpdate()
9. komponentDidUpdate()
10. komponentWillUnmount()
11. klikitöötlejad või sündmuste töötlejad nagu onClickSubmit() või onChangeDescription()
12. Getteri meetodid renderdamiseks nagu getSelectReason() või getFooterContent()
13. valikulised renderdusmeetodid nagu renderNavigation() või renderProfilePicture()
14. render ()

59. Selgitage React Mixins?

Reacti segusid kasutatakse komponentide täielikuks eraldamiseks, et neil oleks ühine funktsionaalsus. PureRenderMixin on üks kõige sagedamini kasutatavaid mixine. Kasutame seda mõnes komponendis, et vältida tarbetut uuesti renderdamist, kui olekud ja rekvisiidid on eelmise oleku ja rekvisiidiga võrdsed.

60. Nimetage Reactis toetatud kursorisündmused?

Reacti kursorisündmused pakuvad ühtset viisi kõigi sisendsündmuste käsitlemiseks.

React toetab järgmisi sündmusi:

1. onPointerDown
2. onPointerMove
3. onPointerUp
4. onPointerCancel
5. onGotPointerCapture
6. onLostPointerCapture
7. onPointerEnter
8. onPointerLeave
9. onPointerOver
10. onPointerOut

Edu teile Reacti intervjuu puhul ja loodame, et meie Reacti intervjuu küsimused ja vastused olid teile abiks. Võite vaadata ka meie SVN-i intervjuu küsimused ja vastused , mis võib sind aidata.