Hvordan refererer du til en reaksjonskomponent?
Hvordan refererer du til en reaksjonskomponent?

Video: Hvordan refererer du til en reaksjonskomponent?

Video: Hvordan refererer du til en reaksjonskomponent?
Video: Create Clean and Reusable React Components 2024, November
Anonim

For å få en referanse til en React-komponent , kan du enten bruke denne for å få strømmen Reaksjonskomponent , eller du kan bruke en ref for å få en henvisning til en komponent du eier. De fungerer slik: var MyComponent = Reagere . createClass({ handleClick: function() { // Fokuser tekstinndata eksplisitt ved å bruke det rå DOM API.

Når du tar dette i betraktning, hvordan overfører du ref til underordnet komponent?

Du sende de ref til barnekomponent som et annet navngitt rekvisitt - egentlig hvilket som helst annet navn enn ref (f.eks. knappRef). De barnekomponent kan deretter videresende rekvisitten til DOM-noden via ref Egenskap. Dette lar forelderen sende det er ref til barnets DOM-noden gjennom komponent i midten.

På samme måte, hva er refs i react og hvorfor er de viktige? Refs er en funksjon levert av Reagere for å få tilgang til DOM-elementet og Reagere element som du kanskje har laget på egen hånd. De brukes i tilfeller der vi ønsker å endre verdien på en barnekomponent, uten å bruke rekvisitter og det hele.

Hva er følgelig en reaksjonskomponent?

Komponenter er byggesteinene til evt Reagere app og en typisk Reagere appen vil ha mange av disse. Enkelt sagt, a komponent er en JavaScript-klasse eller -funksjon som valgfritt godtar innganger, dvs. egenskaper (rekvisitter) og returnerer en Reagere element som beskriver hvordan en del av brukergrensesnittet (brukergrensesnittet) skal vises.

Hva er forskjellen mellom et element og en komponent i reaksjon?

Reager Element – Det er et enkelt objekt som beskriver en DOM-node og dens attributter eller egenskaper kan man si. Det er et uforanderlig beskrivelsesobjekt, og du kan ikke bruke noen metoder på det. Reaksjonskomponent - Det er en funksjon eller klasse som aksepterer en input og returnerer en Reager element.

Anbefalt: