Co to są hooki i dlaczego nie wywołujemy ich warunkowo?

Hooki to funkcje React, dzięki którym komponent może korzystać między innymi ze stanu, efektów i referencji. Przykłady to useState, useEffect i useRef. Własny hook pozwala wydzielić powtarzalną logikę.

Zwykłe hooki wywołujemy w stałej kolejności na najwyższym poziomie komponentu lub własnego hooka. Dzięki temu React przypisuje stan do właściwego wywołania. Jeśli raz wywołam useState wewnątrz if, a następnym razem go pominę, ta kolejność się zmieni. Gdy zachowanie ma być warunkowe, zwykle zapisuję warunek wewnątrz efektu albo wydzielam komponent. Szczególne API takie jak use mają własne zasady.