Hoe verwijs je naar een reactiecomponent?
Hoe verwijs je naar een reactiecomponent?
Anonim

Om een verwijzing naar een React-component , je kunt dit gebruiken om de huidige te krijgen Reageer component , of je kunt een ref gebruiken om een te krijgen verwijzing naar een onderdeel jouw eigen. Ze werken als volgt: var MyComponent = Reageer . createClass({ handleClick: function() { // Focus expliciet op de tekstinvoer met behulp van de onbewerkte DOM API.

Als u dit in overweging neemt, hoe geeft u ref door aan de onderliggende component?

Jij doorgang de ref naar de onderliggende component als een prop met een andere naam - eigenlijk elke andere naam dan ref (bijv. knopRef). De onderliggende component kan de prop vervolgens doorsturen naar het DOM-knooppunt via de ref attribuut. Hierdoor kan de ouder doorgang zijn ref naar de kinderwens DOM-knooppunt via de onderdeel middenin.

Evenzo, wat zijn refs in reageren en waarom zijn ze belangrijk? Scheidsrechters zijn een functie geleverd door Reageer om toegang te krijgen tot het DOM-element en de Reageer element dat u mogelijk zelf hebt gemaakt. Zij worden gebruikt in gevallen waarin we de waarde van een onderliggende component willen wijzigen, zonder gebruik te maken van rekwisieten en zo.

Dienovereenkomstig, wat is een reactiecomponent?

Componenten zijn de bouwstenen van elke Reageer app en een typische Reageer app zal er veel van hebben. Simpel gezegd, een onderdeel is een JavaScript-klasse of -functie die optioneel invoer accepteert, d.w.z. eigenschappen (rekwisieten) en retourneert a Reageer element dat beschrijft hoe een gedeelte van de gebruikersinterface (gebruikersinterface) eruit moet zien.

Wat is het verschil tussen een element en een component in reactie?

Reageerelement - Het is een eenvoudig object dat een DOM-knooppunt beschrijft en zijn attributen of eigenschappen die u kunt zeggen. Het is een onveranderlijk beschrijvingsobject en u kunt er geen methoden op toepassen. Reageer component - Het is een functie of klasse die een invoer accepteert en a. retourneert Reageerelement.

Aanbevolen: