Czy możemy użyć REF w komponencie funkcjonalnym?
Czy możemy użyć REF w komponencie funkcjonalnym?

Wideo: Czy możemy użyć REF w komponencie funkcjonalnym?

Wideo: Czy możemy użyć REF w komponencie funkcjonalnym?
Wideo: Learn useRef in 11 Minutes 2024, Listopad
Anonim

Ty może nie posługiwać się ten ref atrybut włączony elementy funkcjonalne ponieważ nie mają instancji. Możesz , Jednakże, posługiwać się ten ref atrybut wewnątrz rendera funkcjonować z element funkcjonalny . Możesz użyć referencji hak, który jest dostępny od v16.

W związku z tym, jakie są prawidłowe sposoby tworzenia ref w reakcji?

Możesz utwórz ref poprzez dzwonienie Reagować . createRef() i dołączanie a Reagować element do niego za pomocą ref atrybut na elemencie. Możemy "odnosić się" do węzła ref utworzony w renderze metoda z dostępem do aktualnego atrybutu ref.

Poza powyższym, do czego służy REF IN React? Referencje są funkcją dostarczaną przez Reagować aby uzyskać dostęp do elementu DOM i Reagować element, który mogłeś stworzyć samodzielnie. Oni są używany w przypadkach, gdy chcemy zmienić wartość komponentu potomnego, bez robienia posługiwać się rekwizytów i tak dalej.

W związku z tym, czym jest createRef?

utwórzRef () otrzymuje bazowy element DOM jako swoją bieżącą właściwość. Gdy atrybut ref jest używany w komponencie klasy niestandardowej, obiekt ref odbiera zamontowaną instancję komponentu jako jego bieżącą. Nie możesz używać atrybutu ref w komponentach funkcyjnych, ponieważ nie mają one instancji.

Co robi React createRef?

Tworzenie odnośników - używanie Reagować . utwórzRef () i dołącz je do Reagować elementy poprzez atrybut ref. Zasadniczo przypisujesz numer referencyjny zwrócony z Reagować . utwórzRef () do właściwości instancji, gdy komponent jest konstruowany (aka w konstruktorze komponentu). W ten sposób ref Móc odwoływać się w całym komponencie.

Zalecana: