Jaki typ danych mają hooki w React?

0

Jaki typ danych mają hooki w React? np. useState i useEffect

0

Chodzi Ci o typ z TypeScriptu, bo za bardzo nie rozumiem pytania? Jeśli tak to zainstaluj @types/react, @types/react-dom i edytor powinien Ci podpowiadać jakiego typu jest dany hook.

2

useState - zwraca dane w postaci tablicy, pierwsza zmienna to wartość, której chcemy używać, a druga zmienna to funkcja do jej aktualizacji.
Zrzut ekranu z 2021-11-15 22-41-07.png

W Typescripcie useState zwraca typ tuple, czyli tablicę o stałym rozmiarze i mówi nam o tym
ten fragment [string, Dispatch<SetStateAction<string>>].
Pierwszy string oznacza, że nasza wartość jest typu string i może być jedynie tekstem, a drugi Dispatch<SetStateAction<string>>, oznacza po prostu funkcję, która przyjmuje stringa jako argument i służy do aktualizacji wyżej wymienionej wartości.
Gdybym zamiast tekstu przekazał np. liczbę to wszędzie byłby number, z true/false byłby boolean itd



useEffect - odpowiada za wywoływanie eventów związanych z życiem komponentu (https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)
Zrzut ekranu z 2021-11-15 22-57-37.png
Funkcja jest oznaczona jako void, czyli nic nie zwraca, ale typ EventCallback pierwszego argumentu oznacza, że przyjmuję funkcję jako callback, a drugi DependencyList | undefined, że można, ale nie trzeba przekazać listę zależności w formie tablicy

Pewnie słabo mi wyszło opisanie tego w czytelny sposób, tak, abyś zrozumiał, ale jak najedziesz sobie w IDE na daną metodę to powinna pojawić się informacja, o wszystkich parametrach jakie przyjmuje, oraz jakie zwraca.

1 użytkowników online, w tym zalogowanych: 0, gości: 1