Как компонент в React определяет, что ему был присоединен хук?

Компонент в React определяет, что ему был присоединен хук, основываясь на порядке вызовов хуков. Хуки должны вызываться всегда в одинаковом порядке в каждом рендере компонента.

React использует механизм, называемый "хук сопоставления" (hook reconciliation), чтобы определить, когда компонент должен быть перерендерен. Когда функция setCount вызывается в хуке useState, React помечает компонент для перерендеринга. Далее, во время обновления (reconciliation) компонента, React определит, какие части компонента нужно обновить и перерендерить.

Реализация этого механизма находится внутри React-репозитория на GitHub. Он состоит из нескольких файлов, включая `ReactFiberReconciler.js`, `ReactUpdateQueue.js` и `ReactHooks.js`. Подробное рассмотрение реализации можно найти в этих файлах.

Глобальные переменные используются в React для установки ссылки на текущий исполняющийся компонент перед его запуском. Эта ссылка используется хуком, поэтому нельзя использовать хуки вне компонента. В примере ниже показано упрощенное представление того, что происходит в useState. Погружение в подробности можно осуществить, изучая исходный код.