Hogyan javítja az új Ref, mint a prop szolgáltatás, javítja a fejlesztési hatékonyságot

Egyszerűbb és intuitívabb API

A Refs rendszeres kellékekként történő átadása természetes és intuitívabb API, összehasonlítva a „ForwardRef” használatával. Jobban igazodik az adatok alapelvével, hogy az adatok átadják az összetevő fát a kellékek révén. Ez megkönnyíti a kód megértését és indoklását, különösen a kezdők számára.

Csökkent kazánlap

A „ForwardRef” használatával a gyermekkomponens csomagolását egy „ForwardRef” -be csomagolja, és a „Ref” mint második argumentum átadása a funkció összetevőjének. Ez hozzáad néhány kazánlap kódot. A REF közvetlenül a Prop -ként történő átadása kiküszöböli ezt az extra kódot.

Jobb beágyazás

A „ForwardRef” használatakor a gyermekkomponensnek tisztában kell lennie azzal, hogy megkapja a REF -t, és be kell kapcsolnia a megfelelő DOM elemhez. A REF átadása propként lehetővé teszi a gyermekkomponens számára, hogy nem ismeri a REF -et, javítva a kapszulázást.

könnyebb refaktorálás

Ha egy összetevő fát kell refaktoroznia és meg kell változtatnia a REF -rögzítési pontot, akkor egyszerűbb frissíteni a prop nevet, ahelyett, hogy frissítenie kellene a „ForwardRef” hívást több helyen. Ez a kódbázis fenntarthatóbbá teszi.

az osztálykomponensekkel összhangban

Az osztálykomponensekben a REF -eket a „ref” prop segítségével rögzítik, nem pedig egy speciális „ForwardRef” mechanizmuson keresztül. Ha a REF -eket a funkciókomponensekben kell megengedni, akkor az osztály és a funkció komponensek közötti következetesebb API -t biztosít.

Könnyebb típusú ellenőrzés

A TypeScript használatakor egyszerűbb beírni, hogy ellenőrizze az átadott ref -et, mint a „ForwardRef” és a „Refattributes” típusok használatával. A prop típust közvetlenül a „ref” objektumból lehet következtetni.

Összefoglalva: az új ref -ek, mint a kellékek, a React API -t intuitívabbá teszik, csökkenti a kazánlemez, javítja a kapszulázást, és a kódbázist fenntarthatóbbá teszi - mindez javítja a fejlesztők hatékonyságát, ha a REACT 19 -ben és azon túl [1] [3] [4].