Hur hänvisar du till en reagerande komponent?
Hur hänvisar du till en reagerande komponent?

Video: Hur hänvisar du till en reagerande komponent?

Video: Hur hänvisar du till en reagerande komponent?
Video: Seminarium: Hur säkrar vi en trygg EU-försörjning av varor under en kris? 2024, Maj
Anonim

För att få en referens till en React-komponent , kan du antingen använda detta för att få strömmen Reaktionskomponent , eller så kan du använda en ref för att få en referens till a komponent du äger. De fungerar så här: var MyComponent = Reagera . createClass({ handleClick: function() {// Fokusera uttryckligen på textinmatningen med det råa DOM-API:et.

Med tanke på detta, hur överför du ref till underordnad komponent?

Du passera de ref till barnkomponent som en annan namngiven rekvisita - egentligen vilket namn som helst annat än ref (t.ex. knappRef). De barnkomponent kan sedan vidarebefordra propen till DOM-noden via ref attribut. Detta låter föräldern passera dess ref till barns DOM-noden genom komponent i mitten.

På samma sätt, vad är refs i react och varför är de viktiga? Refs är en funktion som tillhandahålls av Reagera för att komma åt DOM-elementet och Reagera element som du kanske har skapat på egen hand. De används i de fall vi vill ändra värdet på en barnkomponent, utan att använda rekvisita och allt.

Vad är följaktligen en reaktionskomponent?

Komponenter är byggstenarna i någon Reagera app och en typisk Reagera appen kommer att ha många av dessa. Enkelt uttryckt, a komponent är en JavaScript-klass eller funktion som valfritt accepterar indata, dvs egenskaper (rekvisita) och returnerar en Reagera element som beskriver hur en del av användargränssnittet (användargränssnittet) ska se ut.

Vad är skillnaden mellan ett element och en komponent i reaktion?

Reagera element – Det är ett enkelt objekt som beskriver en DOM-nod och dess attribut eller egenskaper kan man säga. Det är ett oföränderligt beskrivningsobjekt och du kan inte använda några metoder på det. Reagera komponent - Det är en funktion eller klass som accepterar en indata och returnerar en Reagera element.

Rekommenderad: