Aiotko osallistua React-haastatteluun? Onko sinulle suunniteltu React-haastattelu? Etsitkö React Interview -kysymyksiä ja vastauksia? Sitten olet oikealla sivulla. Käy läpi koko blogimme, jotta et jää paitsi React-haastattelukysymyksistä?

Mikä on React? Reagoi on JavaScript-kirjasto. Se on avoimen lähdekoodin käyttöliittymäkirjasto, joka on suunniteltu käyttöliittymien tai käyttöliittymäkomponenttien rakentamiseen. Reactilla kehitetään yksisivuisia tai mobiilisovelluksia. Sitä ylläpitää Facebook ja joukko yksittäisiä kehittäjiä.

Sisällysluettelo

• Parhaiten reagoivat haastattelukysymykset ja vastaukset
• 1. Selitä muutamia Reactin ominaisuuksia?
• 2. Voitko selittää Reactin rajoitukset?
• 3. Voitko erottaa todellisen DOM:n ja virtuaalisen DOM:n?
• 4. Voitko luetella joitain Limitin merkittävistä eduista?
• 5. Selitä JSX?
• 6. Voitko selittää virtuaalisen DOM:n ja kertoa meille, kuinka React käyttää virtuaalista DOM:ia käyttöliittymän hahmontamiseen?
• 7. Pystytkö erottamaan toiminnalliset ja luokkakomponentit?
• 8. Selitä erot ohjattujen ja hallitsemattomien komponenttien välillä?
• 9. Milloin Reactissa käytetään ensisijaisesti viitteitä?
• 10. Voitko selittää Reactin ja sen komponenttien välisen suhteen?
• Reagoi haastattelun kysymyksiin ja vastauksiin
• 11. Voitko selittää joitain Reduxin käytön etuja?
• 12. Voitko selittää HOC:n edut?
• 13. Selitä tilat kohdassa React?
• 14. Mitä ovat puhtaat komponentit Reactissa?
• 15. Selitä React?
• 16. Miksi käytämme render()-funktiota Reactissa? Selittää?
• 17. Voitko selittää mikä on myymälä Reduxissa?
• 18. Mikä on Stateful komponentti Reactissa?
• 19. Miksi tarvitsemme reitittimen reagoimaan? Selittää?
• 20. Oletko tutustunut Flux in Reactiin?
• Reagoi haastattelun kysymyksiin ja vastauksiin
• 21. Pystytkö erottamaan Reactin ja Angularin?
• 22. Pystytkö erottamaan Fluxin ja Reduxin?
• 23. Selitä React?
• 24. Voitko määritellä tapahtuman Reactissa?
• 25. Voitko määritellä HOC:n Reactissa?
• 26. Voitko selittää synteettiset tapahtumat Reactissa?
• 27. Voitko selittää Strict Moden Reactissa?
• 28. Mitkä ovat Reactin erilaiset elinkaarimenetelmät? Selittää?
• 29. Pystytkö erottamaan tilat ja rekvisiitta?
• 30. Selitä Reactin nuolitoiminto ja sen käyttötarkoitukset?
• 31. Voitko luetella joitain tapauksia, joissa sinun tulee käyttää viitteitä?
• 32. Voitko selittää, kuinka lomakkeita luodaan Reactissa?
• 33. Selitä kuinka tapahtuma luodaan React with code -sovelluksessa?
• 34. Voitko selittää kuinka Reactissa koodi modulisoidaan?
• 35. Voitko selittää MVC-kehyksen merkittäviä ongelmia?
• 36. Voitko selittää avainten tärkeyden Reactissa?
• 37. Voitko kuvailla kolmea periaatetta, joita Redux noudattaa?
• 38. Voitko luetella Reduxin komponentit?
• 39. Selitä Reduxin toiminnot?
• 40. Erotaanko React Routing ja Perinteinen reititys?
• 41. Voitko kertoa meille, miksi vaihto-avainsanaa käytetään React-reitittimessä v4?
• 42. Voitko luetella React-reitittimen edut?
• 43. Voitko selittää, miksi selaimet eivät voi lukea JSX:ää?
• 44. Pystytkö erottamaan createElementin ja cloneElementin?
• 45. Voitko selittää koodilla luodaksesi rekvisiittavälityspalvelimen HOC-komponentille?
• 46. ​​Selitä IS?
• 47. Voitko selittää kuinka kommentteja kirjoitetaan Reactissa?
• 48. Selitä mikä on Reactin konteksti?
• 49. Selitä sovinto?
• 50. Mikä on lasten rekvisiitta Reactissa?
• 51. Mitä ovat fragmentit Reactissa?
• 52. Voitko kertoa meille Reactin portaaleista?
• 53. Voitko selittää React v16:n virherajat?
• 54. Voitko selittää React-DOM-paketin käytön?
• 55. Selitä ReactDOMServer?
• 56. Voitko selittää kuinka tuotantotila otetaan käyttöön Reactissa?
• 57. Selitä elinkaarimenetelmäjärjestykset asennuksessa?
• 58. Voitko selittää suositellun menetelmän järjestyksen komponenttiluokassa?
• 59. Selitä React Mixins?
• 60. Nimeä Reactissa tuetut osoitintapahtumat?
• Suositellut artikkelit

Parhaiten reagoivat haastattelukysymykset ja vastaukset

1. Selitä muutamia Reactin ominaisuuksia?

Jotkut Reactin ominaisuuksista on lueteltu alla:

1. React käyttää virtuaalista DOM:ia todellisen DOM:n sijaan.
2. React käyttää palvelinpuolen renderöintiä.
3. React seuraa tiedonsidontaa tai yksisuuntaista tiedonkulkua.

2. Voitko selittää Reactin rajoitukset?

Reactin rajoitukset on lueteltu alla:

1. Se on vain kirjasto. React ei ole täysi kehys.
2. Koska react käyttää sisäistä mallia ja JSX:ää, koodauksesta tulee monimutkaista.
3. React-kirjasto on laaja. Siksi sen ymmärtäminen vie enemmän aikaa.
4. Alkuperäisten ohjelmoijien voi olla vaikea ymmärtää käsitteitä.

3. Voitko erottaa todellisen DOM:n ja virtuaalisen DOM:n?

4. Voitko luetella joitain Limitin merkittävistä eduista?

Muutamia merkittäviä Reactin etuja ovat:

1. JSX-koodin ansiosta luettavuus paranee.
2. Se lisää sovelluksen yleistä suorituskykyä.
3. Käyttöliittymätestitapaukset on helppo kirjoittaa Reactilla.
4. React tarjoaa helpon integroinnin muihin kehyksiin, kuten Angular, Meteor jne.
5. Sitä voidaan käyttää kätevästi sekä asiakas- että palvelinpuolella.
6. React on SEO-ystävällinen.
7. Siinä on lempeä oppimiskäyrä.

5. Selitä JSX?

JSX eli JavaScript XML mahdollistaa HTML:n kirjoittamisen JavaScriptin sisään ja se sijoittaa ne DOM:iin käyttämättä toimintoja, kuten createElement() tai appendChild().

6. Voitko selittää virtuaalisen DOM:n ja kertoa meille, kuinka React käyttää virtuaalista DOM:ia käyttöliittymän hahmontamiseen?

Virtual DOM Reactissa on konsepti, jossa virtuaalisen DOM:n virtuaalinen esitys sijoitetaan muistiin, ja se synkronoidaan Real DOM:n kanssa käyttämällä kirjastoja, kuten ReactDOM.

DOM-manipulaatiota pidetään olennaisena osana kaikkia verkkosovelluksia, mutta se on melko hidasta verrattuna muihin JavaScript-toimintoihin. Se vaikuttaa muiden sovellusten tehokkuuteen, kun useita DOM-käsittelyjä tehdään. Tässä javascript-kehys päivittää koko DOM:n, vaikka DOM:n yksinkertaista osaa muutetaan.

React käyttää pääasiassa kahta virtuaalista DOM:ia käyttöliittymän renderöimiseen. Jos toista käytetään objektin nykyisen tilan tallentamiseen, toista DOM:ia käytetään objektin edellisen tilan tallentamiseen.

Kun mikä tahansa virtuaalinen DOM päivitetään, React vertaa kahta virtuaalista DOM:ia selvittääkseen, mikä virtuaalinen DOM on päivitetty. Päivityksen perusteella React renderöi vain päivitetyt objektit Real DOM:n sisällä koko Real DOM:n sijaan.

7. Pystytkö erottamaan toiminnalliset ja luokkakomponentit?

8. Selitä erot ohjattujen ja hallitsemattomien komponenttien välillä?

9. Milloin Reactissa käytetään ensisijaisesti viitteitä?

Refs määritellään Reactin tarjoamaksi toiminnoksi, joka noutaa käyttäjän luoman DOM-elementin ja React-elementin. Niitä käytetään esimerkiksi silloin, kun halutaan muuttaa alakomponentin arvoa ilman rekvisiitta.

10. Voitko selittää Reactin ja sen komponenttien välisen suhteen?

Reaktiot ja niiden komponentit liittyvät toisiinsa. Tässä Reactin komponentit voidaan määritellä React-sovelluksen rakennuspalikoiksi käyttöliittymää (User Interface) varten. Koko käyttöliittymän jakaminen pieniin, itsenäisiin, uudelleenkäytettäviin osiin auttaa luomaan Reacts-sovelluksen käyttöliittymän.

Reagoi haastattelun kysymyksiin ja vastauksiin

11. Voitko selittää joitain Reduxin käytön etuja?

Jotkut Reduxin käytön eduista ovat:

1. Siinä on parempi koodin organisointi.
2. Siinä on tehokkaat kehittäjätyökalut, joiden avulla kehittäjät voivat seurata kaikkea toiminnoista tilan muutoksiin.
3. Redux-koodi koostuu yksittäisistä, puhtaista, pienistä funktioista, mikä tekee testauksesta helppoa ja yksinkertaista.
4. Redux-koodia on helppo ylläpitää.
5. Redux tukee laajamittaista yhteisöä.
6. Se tukee palvelinpuolen renderöintiä.

12. Voitko selittää HOC:n edut?

Muutamia HOC:n etuja on lueteltu alla:

1. Koodin uudelleenkäytettävyys.
2. HOC tarjoaa pop-manipulaatiota.
3. Se tukee manipulointia ja valtion abstraktiota.
4. HOC tarjoaa korkean hakkerointimahdollisuuden.
5. Se tukee logiikan ja bootstrap-abstraktion soveltamista.

13. Selitä tilat kohdassa React?

State in React on JavaScript-objekti, jota käytetään komponenttien dynaamisten tietojen tallentamiseen. Sen avulla komponentti voi myös seurata muutoksia renderöintien välillä. Koska tila on määritelty dynaamiseksi, se on varattu vain interaktiivisuuteen. Siksi sitä ei käytetä staattisten React-objektien kanssa.

14. Mitä ovat puhtaat komponentit Reactissa?

Reactin puhtaat komponentit määritellään komponenteiksi, jotka eivät renderöidy uudelleen aina, kun tilan arvo ja rekvisiitta on päivitetty samoilla arvoilla. Komponenttia ei renderöidä, jos edellisen tilan arvo ponnahtaa ja uusi prop-tila on sama.

15. Selitä React?

Props in React on ainutlaatuinen avainsana, joka tarkoittaa ominaisuuksia, ja sitä käytetään siirtämään tietoja tai tietoja komponentista toiseen, ja tässä välitettävät tiedot ovat yksisuuntaisia.

16. Miksi käytämme render()-funktiota Reactissa? Selittää?

Renderöinti Reactissa on yksi hyödyllisimmistä toimenpiteistä, joita ohjelmoijan on hallittava etupään kehityksessä. Reactin render()-metodi on olennainen menetelmä luokkakomponentissa, joka vastaa tietyn renderöitävän näkymän näyttämisestä selainikkunassa.

17. Voitko selittää mikä on myymälä Reduxissa?

Reduxin varasto määritellään muuttumattomaksi objektipuuksi. Yksinkertaisesti sanottuna kauppa on tilasäiliö, joka sisältää sovelluksen tilan. Kun myymälä on luotu Reduxissa, sinun on määritettävä supistin. Reduxilla voi olla vain yksi myymälä sovelluksessa.

18. Mikä on Stateful komponentti Reactissa?

Tilallinen komponentti Reactissa on riippuvainen tilaobjektistaan ​​ja sillä on kyky muuttaa omaa tilaansa. Komponentti hahmontuu uudelleen riippuen tiloihinsa tehdyistä muutoksista ja voi välittää tilansa ominaisuudet alikomponenteille rekvisiittaobjektin ominaisuuksina.

19. Miksi tarvitsemme reitittimen reagoimaan? Selittää?

Reactin reititin on dynaaminen asiakaspuolen reititys, jonka avulla voit rakentaa yhden sivun verkkosovelluksen, jossa on navigointi ilman päivittää sivua kun käyttäjä navigoi. React-reititin käyttää komponenttirakenteita kutsuakseen komponentteja, jotka näyttävät asianmukaiset tiedot.

20. Oletko tutustunut Flux in Reactiin?

React Flux on ohjelmointikonsepti, jossa tietovirta on yksisuuntaista. Tässä olevat tiedot tulevat sovellukseen ja virtaavat yhteen suuntaan, kunnes ne näytetään näytöllä.

Reagoi haastattelun kysymyksiin ja vastauksiin

21. Pystytkö erottamaan Reactin ja Angularin?

22. Pystytkö erottamaan Fluxin ja Reduxin?

23. Selitä React?

Reducers in React on määritelty toiminnoksi, joka määrittää muutokset sovelluksen tilaan. Vähentäjä käyttää saamaansa toimintaa erojen määrittämiseen. Reduxin kaltaiset työkalut auttavat meitä hallitsemaan sovellusten tilan muutoksia yhdessä kaupassa, jotta niiden toiminta on johdonmukaista.

24. Voitko määritellä tapahtuman Reactissa?

Tapahtuma Reactissa on toiminto, joka käynnistyy käyttäjien toiminnan tai järjestelmän luoman tapahtuman seurauksena. Reactin tapahtumat nimetään camelCase-kirjaimella pienten kirjainten sijaan. JSX:n avulla funktio voidaan välittää tapahtumakäsittelijänä merkkijonon sijaan.

25. Voitko määritellä HOC:n Reactissa?

HOC on lyhenne sanoista High order komponentti, on Reactsin edistynyt tekniikka komponentin logiikan uudelleenkäyttöön. HOC on funktio, joka voi ottaa komponentin parametriksi ja palauttaa uuden komponentin. HOC voidaan määritellä kuvioksi, joka on noussut esiin Reacts-koostumusluonteesta.

26. Voitko selittää synteettiset tapahtumat Reactissa?

Synteettiset tapahtumat Reactissa määritellään selaimen väliseksi kääreeksi selaimen alkuperäisen tapahtuman ympärillä. Synteettisellä tapahtumalla on sama käyttöliittymä kuin selaimen alkuperäisellä tapahtumalla, mukaan lukien stopPropagation()- ja preventDefault()-metodi. Täällä tapahtumat toimivat samalla tavalla kaikissa selaimissa.

27. Voitko selittää Strict Moden Reactissa?

Tiukka tila Reactissa on työkalu minkä tahansa sovelluksen mahdollisten ongelmien korostamiseen. Se ei tee mitään visuaalisia käyttöliittymiä. Sitä käytetään aktivoimaan lisätarkistuksia ja -varoituksia sen jälkeläisille.

28. Mitkä ovat Reactin erilaiset elinkaarimenetelmät? Selittää?

Jokaisen Reactin komponentin on käytävä läpi tapahtumien elinkaari:

1. Asennus: Tämä voidaan määritellä komponenttisi synnyttämiseksi.
2. Päivitys: Se voidaan määritellä komponenttisi kasvuksi.
3. Irrota: Se voidaan määritellä komponentin kuolemaksi.

Reactin eri elinkaarimenetelmät ovat seuraavat:

1. render(): React käyttää render()-funktiota palauttamaan saman lähdön aina, kun samat syötteet välitetään.
2. componentDidMount(): Tätä menetelmää kutsutaan heti, kun komponentti on valmis ja asennettu, jolloin voit aloittaa API-kutsuja ja ladata tietoja etäpäätepisteestä. Voit myös muokata komponenttien tilaa tässä menetelmässä.
3. componentDidUpdate(): Tätä menetelmää kutsutaan heti, kun päivitys tapahtuu. Tämä menetelmä päivittää DOM:n vastauksella tilan tai ehdotuksen muutoksiin.
4. componentWillUnmount(): Tätä menetelmää kutsutaan juuri ennen kuin komponentti irrotetaan ja tuhotaan. Voit tehdä mitä tahansa puhdistustoimenpiteitä tässä vaiheessa.

29. Pystytkö erottamaan tilat ja rekvisiitta?

30. Selitä Reactin nuolitoiminto ja sen käyttötarkoitukset?

Reactin nuolifunktio on enemmän syntaksi funktiolausekkeiden kirjoittamiseen. Toiminnon avulla käyttäjä voi sitoa komponenttien ominaisuuden kontekstin. Ne ovat hyödyllisiä, kun työskentelemme korkealaatuisten toimintojen kanssa.

31. Voitko luetella joitain tapauksia, joissa sinun tulee käyttää viitteitä?

Seuraavassa on joitain tapauksia, joissa sinun tulee käyttää viitteitä:

1. Niitä käytetään, kun sinun on valittava tekstin tai median toisto.
2. Viitteitä käytetään pakottavien animaatioiden käynnistämiseen.
3. Refs integroituu helposti kolmannen osapuolen DOM-kirjastoihin.

32. Voitko selittää, kuinka lomakkeita luodaan Reactissa?

Reactin lomakkeet ovat samanlaisia ​​kuin HTML-lomakkeet. Tässä tila sisältyy komponenttien tila-ominaisuuteen, ja se päivitetään vain setState(:n) avulla. Siten tässä olevat elementit eivät voi päivittää tilaansa suoraan, ja niiden lähettämistä käsittelee JSX (Javascript XML) -toiminto. Tällä toiminnolla on täysi pääsy tai hallintaoikeus niihin tietoihin, jotka käyttäjä syöttää lomakkeen kautta.

33. Selitä kuinka tapahtuma luodaan React with code -sovelluksessa?

Tapahtuma Reactissa luodaan alla annetulla koodilla.

34. Voitko selittää kuinka Reactissa koodi modulisoidaan?

Reactin koodi on modularisoitu tuonti- ja vientiominaisuuksien avulla, ja ne auttavat myös komponenttien kirjoittamisessa erikseen erilaisiin tiedostoihin.

35. Voitko selittää MVC-kehyksen merkittäviä ongelmia?

Alla mainitut ovat joitain MVC-kehyksen suurimmista ongelmista.

1. DOM-manipulaatiot ovat erittäin kalliita.
2. Muistihukkaa tuli paljon.
3. Pyöreän riippumattomuuden vuoksi näkymien ja mallien ympärille luotiin erittäin monimutkainen malli.
4. MVC-kehystä käyttäneet sovellukset olivat hitaita ja tehottomia.

36. Voitko selittää avainten tärkeyden Reactissa?

Reactin avaimia käytetään yksilöllisten virtuaalisten DOM-elementtien ja niihin liittyvien käyttöliittymää ohjaavien tietojen tunnistamiseen. Niillä on merkittävä rooli Reactissa renderöinnin optimoinnissa kierrättämällä kaikki DOM-elementit (Document Object Model). Avainten on oltava yksilöllinen numero tai merkkijono; Näiden perusteella React vain järjestää elementit uudelleen sen sijaan, että renderöisi niitä uudelleen, ja avaimet lisäävät sovelluksen suorituskykyä.

37. Voitko kuvailla kolmea periaatetta, joita Redux noudattaa?

Kolme Reduxin noudattamaa periaatetta on lueteltu alla:

Yksi totuuden lähde:Tässä koko sovelluksen tila Reactissa on tallennettu objektiin tai tilapuuhun yhden varaston sisällä. Tämän yksittäisen tilan puun avulla on helppo seurata muutoksia tietyn ajanjakson aikana ja tehdä virheenkorjaus tai tarkastaa sovellus.Osavaltio on vain luku -tilassa:Ainoa tapa muuttaa tilaa Reactissa on käynnistää toiminto. Jälleen toiminto Reactissa on yksinkertainen JS-objekti, joka määrittää muutokset. Aivan kuten tila määritellään datan minimiesityksenä, toiminto on myös minimaalinen esitys kyseiseen määritettyyn dataan tehdystä muutoksista.Muutokset tehdään puhtailla funktioilla:Puhtaita funktioita tarvitaan määrittämään, kuinka toimet muuttavat tilapuuta. Puhtaiden funktioiden tapauksessa palautusarvo riippuu argumentin arvosta.

38. Voitko luetella Reduxin komponentit?

Reduxin komponentit on lueteltu alla:

Toiminta:Se on esine Reduxissa, joka kuvaa mitä oli tapahtunut.Vähentäjä: Se on paikka, joka määrittää, kuinka tilaa voidaan muuttaa.Store: Koko sovelluksen tila- tai objektipuu tallennetaan kauppaan.Näytä:Se vain näyttää myymälän toimittamat tiedot.

39. Selitä Reduxin toiminnot?

Actions in React -toiminnolla tulisi olla tyyppi-ominaisuus, joka ilmaisee suoritettavan toiminnon tyypin. Ne on määritettävä merkkijonovakioksi, ja sen avulla voit myös lisätä ominaisuuksia. Toiminnot luodaan Action Creators -toiminnolla.

Yllä määritelty koodi on esimerkki Actionista ja Action Creatorista.

40. Erotaanko React Routing ja Perinteinen reititys?

41. Voitko kertoa meille, miksi vaihto-avainsanaa käytetään React Router v4:ssä?

Käytämme erilaisten reittien kapseloimiseen reitittimen sisällä. Käytämme vaihtoavainsanaa aina, kun haluamme näyttää yksittäisen reitin, joka hahmonnetaan uudelleen useiden määritettyjen reittien joukossa. Kun käytämme tunnistetta, se vastaa kirjoitettua URL-osoitetta määritettyjen reittien kanssa peräkkäisessä järjestyksessä. Kun se löytää ensimmäisen vastaavuuden, se näyttää määritetyn reitin ja ohittaa siten kaikki jäljellä olevat reitit.

42. Voitko luetella React-reitittimen edut?

React-reitittimen edut ovat:

1. Sen avulla voimme ymmärtää, mitä sovellusnäkymämme ovat standardoidun rakenteen katseluilmoitusten ansiosta.
2. Se tukee dynaamista reittisovitusta.
3. Se tukee laiska koodin lataus.
4. React-reitittimen avulla voidaan helposti käsitellä sisäkkäisiä näkymiä ja näkymien progressiivisia resoluutioita.
5. React-reitittimen selaushistoriaominaisuuden avulla voidaan helposti navigoida edestakaisin palauttamalla näkymien tilat.
6. Se on hyödyllistä työskennellessäsi tiimien kanssa standardoidun sovellusrakenteen ja -käyttäytymisen vuoksi.

43. Voitko selittää, miksi selaimet eivät voi lukea JSX:ää?

Selaimet on suunniteltu lukemaan vain JavaScript-objekteja, mutta JSX ei ole tavallinen javascript-objekti. Jotta selain voi lukea JSX:ää, meidän on ensin muutettava JSX-tiedosto javascript-objektiksi käyttämällä JSX-muuntajia, kuten Babel, ja sitten sinun on välitettävä se selaimelle.

44. Pystytkö erottamaan createElementin ja cloneElementin?

React.createElement()-funktiota käytetään elementtien luomiseen, joita aiotaan käyttää käyttöliittymän (User Interface) objektiesitykseen.

Reactissa CloneElementiä käytetään elementin kloonaamiseen ja välittämiseen rekvisiittalle.

45. Voitko selittää koodilla luoda rekvisiittavälityspalvelin HOC-komponentille?

Voit lisätä tai muokata komponenttiin välitettyjä rekvisiittauskuvioita alla olevan kuvan mukaisesti.

46. ​​Selitä IS?

JEST määritellään Facebookin kehittämäksi jasmiinipohjaiseksi JavaScript-yksikkötestauskehykseksi, joka tarjoaa automatisoidun mallinluonnin ja jsdom-ympäristön. Sitä käytetään pääasiassa React-komponenttien testaamiseen.

47. Voitko selittää kuinka kommentteja kirjoitetaan Reactissa?

Reactin kommentit ovat samanlaisia ​​​​kuin JavaScript-moniriviset kommentit, mutta ne on kääritty aaltosulkeisiin.

Meillä on Reactissa kahdenlaisia ​​kommentteja, nimittäin

1. Yhden rivin kommentit.
2. Monirivisiä kommentteja.

Esimerkki yksirivisistä kommenteista:

48. Selitä mikä on Reactin konteksti?

Reactin konteksti on mekanismi, joka siirtää tietoja tai tietoja komponenttipuun läpi ilman, että rekvisiitta välitetään manuaalisesti lähtötasolla.

49. Selitä sovinto?

Sovittelu Reactissa on prosessi. Kun komponentin tila tai ehdotus muuttuu, Reactin on päätettävä, onko todellinen DOM-päivitys tarpeen vai ei vertaamalla juuri palautettua elementtiä ja aiemmin renderöityä elementtiä. Kun React huomaa, että se ei ole yhtä suuri, DOM päivitetään.

50. Mikä on lasten rekvisiitta Reactissa?

Lapset ovat tukija (this.props.childs) Reactissa, kun komponentin tila tai potkuri muuttuu, jolloin se voi välittää komponentit datana muille komponenteille. Komponenttipuu, joka asetetaan avaus- ja sulkemistunnisteen väliin, välitetään kyseiselle komponentille lapsirekvisiittana.

Alla on lueteltu muutamia menetelmiä, jotka ovat käytettävissä React API:ssa työskennelläksesi ehdotuksen kanssa:

1. React.Children.map()
2. React.Children.for Every()
3. React.Children.count()
4. React.Children.Only()
5. React.Children.toArray()

Esimerkki lasten tarpeesta

51. Mitä ovat fragmentit Reactissa?

Fragmentit Reactissa ovat yleisiä malleja, joita käytetään komponentille palauttamaan useita arvoja. Fragmentit auttavat meitä ryhmittelemään lapsiluettelon lisäämättä ylimääräisiä solmuja DOM:eihin.

52. Voitko kertoa meille Reactin portaaleista?

Reactin portaaleja suositellaan renderöimään lapsista DOM-solmu pääkomponentin DOM-hierarkian ulkopuolella.

Syntaksi:

ReactDOM.createPortal(lapsi, säilö)

53. Voitko selittää React v16:n virherajat?

Reactin virherajat ovat komponentteja, joita käytetään havaitsemaan JavaScript-virheet alikomponenttipuussa, kirjaamaan ne virheet ja näyttämään varakäyttöliittymän kaatuneen komponenttipuun sijaan.

54. Voitko selittää React-DOM-paketin käytön?

Paketti sisältää DOM-spesifisiä menetelmiä, joita käytetään sovelluksen ylimmällä tasolla. Jotkut paketin menetelmistä on lueteltu alla:

1. render()
2. hydraatti()
3. unmountComponentAtNode()
4. etsiDOMNode ()
5. luo portaali()

55. Selitä ReactDOMServer?

ReactDOMServer-objektin avulla voimme hahmontaa komponentit staattisiksi merkinnöiksi. ReactDOMServeriä käytetään pääasiassa palvelinpuolen renderöintiin.

Alla mainittuja menetelmiä voidaan käyttää sekä palvelin- että selainympäristöissä.

1. renderToString ()
2. renderToStaticMarkup ()

56. Voitko selittää kuinka tuotantotila otetaan käyttöön Reactissa?

Meidän on käytettävä verkkopakettien DefinePlugin-menetelmää asettaaksemme NODE-ENV:n tuotantoon, jolloin se poistaa esimerkiksi ylimääräiset varoitukset ja ponnahdustarkistukset.

57. Selitä elinkaarimenetelmäjärjestykset asennuksessa?

Elinkaarimenetelmiä käytetään alla olevassa järjestyksessä:

1. rakentaja()
2. Staattinen getDerivedStateFromProps()
3. render()
4. komponenttiDidMount()

58. Voitko selittää suositellun menetelmän järjestyksen komponenttiluokassa?

Alla on listattu menetelmien suositeltu järjestys asennusvaiheesta renderöintivaiheeseen:

1. staattiset menetelmät
2. rakentaja()
3. getChildContext()
4. ComponentWillMount()
5. komponenttiDidMount()
6. componentWillReceiveProps()
7. shouldComponentUpdate()
8. ComponentWillUpdate()
9. ComponentDidUpdate()
10. ComponentWillUnmount()
11. napsautuskäsittelijät tai tapahtumakäsittelijät, kuten onClickSubmit() tai onChangeDescription()
12. getter-menetelmät renderöintiin, kuten getSelectReason() tai getFooterContent()
13. valinnaiset renderöintitavat, kuten renderNavigation() tai renderProfilePicture()
14. render()

59. Selitä React Mixins?

Reactin sekoituksia käytetään komponenttien täydelliseen erottamiseen, jotta niillä on yhteisiä toimintoja. PureRenderMixin on yksi yleisimmin käytetyistä mixineistä. Käytämme tätä joissakin komponenteissa estääksemme tarpeettoman uudelleenrenderöinnin, kun tilat ja rekvisiitta ovat samat kuin edellinen tila ja prop.

60. Nimeä Reactissa tuetut osoitintapahtumat?

Osoitintapahtumat Reactissa tarjoavat yhtenäisen tavan käsitellä kaikkia syötetapahtumia.

React tukee seuraavia tapahtumia:

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

Onnea React-haastatteluun, ja toivomme, että React-haastattelun kysymyksistämme ja vastauksistamme oli sinulle apua. Voit myös tutustua meidän SVN-haastattelun kysymyksiä ja vastauksia , joka saattaa auttaa sinua.