În mod tradițional, atributul ref nu era transmis automat prin props către o componentă copil. Funcția forwardRef a fost creată pentru a intercepta referința primită și a o atașa unui element DOM specific din interiorul componentei.
Noutate majoră în React 19: În React 19,
ref a devenit o proprietate normală! Nu mai este obligatorie împachetarea componentelor funcționale în forwardRef, putând primi direct function Buton({ ref, children }). Totuși, forwardRef rămâne pe deplin suportat pentru compatibilitate cu bibliotecile existente.
Componentă reutilizabilă cu forwardRef
import { forwardRef } from 'react';
export const CampInputStilizat = forwardRef(function CampInputStilizat(props, ref) {
return (
<div className="grup-formular">
<label>{props.eticheta}</label>
<input ref={ref} className="input-rotunjit" type={props.type || 'text'} />
</div>
);
});
Întrebări & Exemple de Cod:
Funcția forwardRef în React: Pasarea Referințelor către Noduri CopilAi o nelămurire despre utilizarea comenzii
Funcția forwardRef în React: Pasarea Referințelor către Noduri Copilsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.