Hvordan refererer du til en reaktionskomponent?
Hvordan refererer du til en reaktionskomponent?

Video: Hvordan refererer du til en reaktionskomponent?

Video: Hvordan refererer du til en reaktionskomponent?
Video: Complete React Query course in an hour | TanStack Query v4 for beginners 2024, Kan
Anonim

For at få en henvisning til en React-komponent , kan du enten bruge dette til at få strømmen Reaktionskomponent , eller du kan bruge en ref til at få en reference til en komponent din egen. De fungerer sådan her: var MyComponent = Reagere . createClass({ handleClick: function() { // Fokusér eksplicit på tekstinputtet ved hjælp af den rå DOM API.

Tager du dette i betragtning, hvordan overfører du ref til underordnet komponent?

Du passere det ref til barn komponent som en anderledes navngiven rekvisit - egentlig et hvilket som helst andet navn end ref (fx knapRef). Det barn komponent kan derefter videresende rekvisitten til DOM-noden via ref attribut. Dette lader forælderen passere dens ref til barnets DOM node gennem komponent i midten.

På samme måde, hvad er refs i react, og hvorfor er de vigtige? Refs er en funktion leveret af Reagere for at få adgang til DOM-elementet og Reagere element, som du måske selv har lavet. De bruges i tilfælde, hvor vi ønsker at ændre værdien af en underordnet komponent, uden at gøre brug af rekvisitter og det hele.

Hvad er derfor en reaktionskomponent?

Komponenter er byggestenene i evt Reagere app og en typisk Reagere app vil have mange af disse. Kort sagt, en komponent er en JavaScript-klasse eller -funktion, der valgfrit accepterer input, dvs. egenskaber (rekvisitter) og returnerer en Reagere element, der beskriver, hvordan en sektion af brugergrænsefladen (brugergrænsefladen) skal fremstå.

Hvad er forskellen mellem et element og en komponent i reaktion?

Reager Element - Det er et simpelt objekt, der beskriver en DOM-node og dens attributter eller egenskaber, kan man sige. Det er et uforanderligt beskrivelsesobjekt, og du kan ikke anvende nogen metoder på det. Reaktionskomponent - Det er en funktion eller klasse, der accepterer et input og returnerer en Reager element.

Anbefalede: