Węzły z referencji

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Aplikacje React Native renderują natywne drzewo widoków reprezentujące interfejs użytkownika, podobnie jak React DOM robi to w przeglądarce (drzewo DOM). React Native zapewnia imperatywny dostęp do tego drzewa poprzez referencje (refs), które są zwracane przez wszystkie natywne komponenty (w tym te renderowane przez wbudowane komponenty jak View).

React Native udostępnia 3 rodzaje węzłów:

• Elementy: węzły elementów reprezentują natywne komponenty w drzewie widoków (podobnie do węzłów Element w przeglądarce). Są udostępniane przez wszystkie natywne komponenty poprzez referencje.

• Tekst: węzły tekstowe reprezentują surową treść tekstową w drzewie (podobnie do węzłów Text w przeglądarce). Nie są bezpośrednio dostępne przez refs, ale można je uzyskać za pomocą metod takich jak childNodes na referencjach elementów.

• Dokumenty: węzły dokumentów reprezentują kompletne natywne drzewo widoków (podobnie do węzłów Document w przeglądarce). Podobnie jak węzły tekstowe, są dostępne tylko poprzez inne węzły, za pomocą właściwości takich jak ownerDocument.

Podobnie jak w przeglądarce, te węzły umożliwiają przeglądanie renderowanego drzewa UI, dostęp do informacji o układzie czy wykonywanie imperatywnych operacji takich jak focus.

informacja

W przeciwieństwie do przeglądarki, te węzły nie pozwalają na mutację (np.: node.appendChild), ponieważ zawartość drzewa jest w pełni zarządzana przez renderer React.